028-86261949

当前位置:首页 > 技术交流 > Javascript中的作用域

Javascript中的作用域

2021/03/29 11:25 分类: 技术交流 浏览:0

Javascript中的作用域

最近在实现某些特定的功能时,突然发现js中的作用域非常的奇特,所以把相关的内容记录下来,供大家分析,今天主要来细谈一下,javascript中的作用域问题,其实在js中主要分为三种作用域:

 

 

  1. 全局作用域:
  2. 局部作用域:
  3. 块级作用域:

 

  所有存在window对象上的属性和方法都是全局作用域,可以被整个程序使用,只有函数才会产生作用域,也就是通过关键字var在函数内部定义的变量,为局部作用域,只针对当前函数内部生效,在函数外部访问不了,接下来,让我们来具体看一下示例,加强一下理解.

 

一、变量作用域:

变量的作用域主要是在使用变量的时候会经常遇到的问题,我们在使用变量的时候,变量在哪个范围内可以生效,一般变量的作用域分为两种:全局和局部作用域

以下为示例代码:

全局变量

//全局变量作用域

var a = 10;

 

console.log('整个js中使用', a);

function fn() {

console.log('fn函数中使用', a);

}

 

fn()

 

 

 

局部变量:

函数可以产生一个作用域,如果在函数内部定义的变量,只针对当前函数自身可以使用,外部不可以使用,这就是局部变量

 

function fn() {

 

var b = 200;

console.log('fn函数中使用', b);

}

fn()

console.log('整个js中使用', b);

 

 

二、函数作用域:

函数可以产生作用域,只针对当前函数内部可以使用,相当于局部变量

function fn() {

var b = 10;

}

fn()

console.log('整个js中使用', b);

 

 

特殊情况下的局部变量,可以提升为全局变量,此时,就可以在外部获取到相关变量b ,此时b已经变成了全局变量.

 

function fn() {

b = 10;

}

fn()

console.log('整个js中使用', b);

 

三、块级作用域:

原本javascript中的没有块级作用域,ES6中新增了块级作用域,块级作用域是由{}包裹起来的,包括了 if 和for 后面的{}

 

//es5中没有块级作用域,变量a在整个js中都可以获取到

if (true) {

var a = 10;

}

 

console.log(a);

此时,把var 换成let (let和const有块级作用域)试试看

//ES6: let const 有块级作用域 只能在{}之中生效

 

if (true) {

let b = 20;

}

console.log(b);//报错: b is not defined

 

结果:

 

总结:

以上为本期给大家分享的js中的三种作用域场景主要是针对常用的场景,后期还会分享更多好的文章,如有技术陈述不明了,请大家提一提宝贵意见!及时修改正问题.谢谢大家阅读!

#标签:Javascript,H5,作用域,场景