js中的作用域和执行上下文的区别

光是从字面上的概念上来理解的话有点绕,其实很好区分。

var a=1;      //全局作用域
function fn1(){
    var a=2;     //fn1作用域
}

如上代码,作用域代表着已声明变量或者函数的访问范围,在fn1作用域内使用变量a会先从当前作用域寻找,如果没有会往作用域上端寻找。

this.a=1;      //全局执行上下文
function fn1(){
    this.a=2;   //fn1执行上下文
}
var obj=new fn1();

如上代码,new fn1()时的执行上下文就是fn1,fn1就是obj的原型。
可以看出,作用域和执行上下文并不是一个概念,它们的区别就像是你访问a和this.a时的区别。

作用域和执行上下文之间最大的区别是:
执行上下文在运行时确定,随时可能改变;作用域在定义时确定,永远不会改变。

但有一种情况下var a和this.a是相同的,如下代码:

var a=1;
console.log(this.a);  //1

全局变量和全局函数附属于全局对象,因此使用var 和this.定义变量是等效的。

猜你喜欢

转载自blog.csdn.net/shengandshu/article/details/56279832
今日推荐