作用域、作用域链

作用域

全局作用域 global

(1)最外层函数和在最外层函数外的变量拥有全局作用域

var i=1;
function a(){
var aw="qw";
console.log(aw);
function ba(){
var qq="aaa";
}
}

console.log(i);
condole.log(aw);
a();

//1
//Uncaght ReferenceError : aw is not defined(...)
//qw

(2)所有没有声明变量都自动声明拥有全局作用域

function c(){
   o="qw";
 
   function ba(){
  p="aaa";
   }
ba();
   }
    c();
 
 console.log(o);
 console.log(p);

// qw
// aaa

(3)一般情况下,window下所有的属性默认拥有全局作用域,如:windows.onload,window.scroll等

局部作用域

与全局作用域相反,局部作用域只作用于某些代码片段内,只在内部可用

function ew(){
var e=2;
function q(){
var s=2,w=3;
console.log(s);
var d=s+w;
}
q();
console.log(d);
}
undefined
ew();
//  2
//  Uncaught ReferenceError: d is not defined(…)

作用域链

在JavaScript中,函数也是对象,实际上,JavaScript里一切都是对象。函数对象和其它对象一样,拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]],由ECMA-262标准第三版定义,该内部属性包含了函数被创建的作用域中对象的集合,这个集合被称为函数的作用域链,它决定了哪些数据能被函数访问。

function fo(){
 var a=3;
 }

这里函数文调用之前,作用域如图

作用域链前

执行此函数时会创建一个称为“运行期上下文”的内部对象,运行期上下文定义了函数执行时的环境。每个运行期上下文都有自己的作用域链,用于标识符解析,当运行期上下文被创建时,而它的作用域链初始化为当前运行函数的[[Scope]]所包含的对象。

这些值按照它们出现在函数中的顺序被复制到运行期上下文的作用域链中。它们共同组成了一个新的对象,叫“活动对象”,该对象包含了函数的所有局部变量、命名参数、参数集合以及this,然后此对象会被推入作用域链的前端,当运行期上下文被销毁,活动对象也随之销毁。新的作用域链如下图所示:

作用域链后

推荐阅读更多精彩内容