作用域与作用域链

是什么

• 作用域
  作用域是指代码中定义变量的区域,规定了如何查找变量,也就是当前代码对变量的访问权限
  js 采用的是静态作用域

• 作用域链
  从当前作用域开始一层层往上找某个变量，如果找到全局作用域还没找到，就放弃寻找 。这种层级关系就是作用域链。

作用域分类

• 全局作用域：
  最外层的函数,最外层函数外部定义的变量拥有函数作用域
  window对象的属性(window.name,window,location)
  未定义直接赋值的变量

• 函数作用域：声明在函数内部的变量

• 块作用域:由一对花括号创建出来的作用域

  对var定义的无效(ES6新增)

作用域是分层的，内层作用域可以访问外层作用域的变量，反之则不行

静态作用域

js采取的是静态作用域,函数的作用域在函数定义的时候就确定了,在取自由变量的值的时候,要到创建当前函数的作用域去取,而不是调用函数时的作用域

自由变量

当前作用域没有定义的变量,取值要到父级作用域去取

var value = 1;

function foo() {
    console.log(value);
}

function bar() {
    var value = 2;
    foo();
}

bar();

// 结果是 1

为什么

作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。

全局作用域:

如果我们写了很多行 JS 代码，变量定义都没有用函数包括，那么它们就全部都在全局作用域中。这样就会 污染全局命名空间, 容易引起命名冲突。

函数作用域

函数作用域,是指声明在函数内部的变量，和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部。

块级作用域

块级作用域可通过新增命令let和const声明，所声明的变量在指定块的作用域外无法被访问。
块级作用域在如下情况被创建：

1. 在一个函数内部
2. 在一个代码块（由一对花括号包裹）内部

let const 会将变量的作用域限制在当前代码块中。
块级作用域有以下几个特点：

• 声明变量不会提升到代码块顶部

let const VS var

形成块级作用域
声明变量不会提升到代码顶部
禁止重复声明

怎么办

全局作用域,
函数作用域,
es6新增块级作用域