浅谈JS作用域链

浅谈JS作用域链

作用域

作用域（scope）就是变量访问规则的有效范围。作用域外，无法引用作用域内的变量；
离开作用域后，作用域的变量的内存空间会被清除，比如执行完函数或者关闭浏览器。

1. js中有全局作用域和局部作用域，

• 全局可以在代码的任何地方都能被访问到。
• 局部作用域一般只在一定的代码片段内可以访问到，一般指函数作用域。

作用域链

通过标识符查找标识符的值，会从当前作用域向上查找，直到作用域找到第一个匹配的标识符位置。
就是JS的作用域链。通俗来讲就是作用域的链接方式，链接方式为首先会在自身环境的作用域中找
对应的属性的值，没有就找上一级，直到找到或没有。

来看例子吧

1. 第一题

var a=1
function fn1(){
  var a = 2
  console.log(a)
}
fn1()//输出2 虽然全局变量中也有 a=1 但是根据作用域链先在自身环境中找对应的属性，所以输出为2。

2. 第二题

var a=1
function fn1(){
  function fn3(){
  console.log(a)
}
  var a=3
  return fn3()
}
fn1()//输出3 其自身作用域中没有a元素得属性 向其上一级作用域找。

3. 第三题

var a=1
function fn1(a){
  a++
  console.log(a)
}
fn1(a)//输出2  使用的作用域是函数fn1中的，
console.log(a)//输出 1使用的作用域全局变量，

虽然同样是输出a，但是他们的作用域状态是不同的。

注意事项

根据这些例子我们可以得出一些作用域需要注意的事项。

1. 函数在执行的过程中，先从自己内部找变量
2. 如果找不到，再从创建当前函数所在的作用域去找, 以此往上
3. 注意找的是变量的当前的状态