js中 什么是作用域，如何划分作用域

JavaScript010

js中 什么是作用域，如何划分作用域,第1张

目前国内开发使用最广的还是 ES5, 虽然ES6出来有这么久了，但还没有推广开来。

我现在说的都是针对ES5的，ES6中，因为加入了 let 关键字，用let声明的变量具有块级作用域。

ES5中 ，没有块级作用域，只有函数作用域。这就意味着

...

if{

var a = 1

}

console.info(a)

a在if块外是有作用域的，值等于1。

我们只有用

...

(function(){

var a = 1

})()

console.info(a)

a是undefined

a只在函数内有作用域。

执行环境（execution context，为简单起见，有时也称为“环境”）是 JavaScript 中最为重要的一个概 念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个 与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。虽然我们 编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。 全局执行环境是最外围的一个执行环境。根据 ECMAScript 实现所在的宿主环境不同，表示执行环 境的对象也不一样。在 Web 浏览器中，全局执行环境被认为是 window 对象（第 7 章将详细讨论），因 此所有全局变量和函数都是作为 window 对象的属性和方法创建的。某个执行环境中的所有代码执行完 毕后，该环境被销毁，保存在其中的所有变量和函数定义也随之销毁（全局执行环境直到应用程序退 出——例如关闭网页或浏览器——时才会被销毁）。 每个函数都有自己的执行环境。当执行流进入一个函数时，函数的环境就会被推入一个环境栈中。 而在函数执行之后，栈将其环境弹出，把控制权返回给之前的执行环境。ECMAScript 程序中的执行流 正是由这个方便的机制控制着。 当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）。作用域链的用途，是 保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端，始终都是当前执行的代码所 在环境的变量对象。如果这个环境是函数，则将其活动对象（activation object）作为变量对象。活动对 象在最开始时只包含一个变量，即 arguments 对象（这个对象在全局环境中是不存在的）。作用域链中 的下一个变量对象来自包含（外部）环境，而再下一个变量对象则来自下一个包含环境。这样，一直延 续到全局执行环境；全局执行环境的变量对象始终都是作用域链中的最后一个对象。

静态作用域：函数声明的时候就已经确定作用域。

动态作用域：函数调用的时候确定作用域。

func2 被调用，func2 中的 func 被调用，执行 console.log()，在 func 函数中未找到变量 a，于是去查找外层作用域，由于 js 是静态作用域，func 是在全局作用域中定义的，所以会去全局作用域查找变量，于是打印1。

因为 func 是在 func2 中被定义，当在 func 中未找到变量a，于是去外层 func2 中查找，找到变量a = 2，打印2，执行完成。