js-作用域及作用域链

作用域

任何编程语言都有作用域的概念，简单来说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。

es6之前靠函数来形成的，，也就是说一个函数的变量在函数外不可以访问。

1. es6之前没有let，从es6开始定义变量可以用let
2. es6之前只有全局作用域和局部作用域，从es6之后添加了块级作用域（{}范围内的作用域）
3. es6新增了块级作用域，但通过let定义的变量都是局部变量

全局作用域

任何地方都能访问到的对象拥有全局作用域。

1、函数外面定义的变量拥有全局作用域

var a=1
function fn(){
  var b=4
}
console.log(a) // 1
console.log(b) // 报错error

2、未定义直接赋值的变量自动声明为拥有全局作用域

var a=1
function fn(){
   b=4
}
console.log(a) // 1
console.log(b) // 4

3、window对象的属性拥有全局作用

局部作用域

局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所以在一些地方会把这种作用域称为函数作用域。

var a=1
function fn(){
  var b=4
}
console.log(a) // 1
console.log(b) // 报错error

 上面代码中b就是局部作用域，只能在函数内部使用

es6的块级作用域

es5只有全局作用域和函数作用域(局部作用域)，没有块级作用域，会带来下面问题：

1、变量提升导致内层变量可能会覆盖外层的变量

var a=1
function fn(){
 console.log(a)
 if(true){
  var a=6
 }   
}
fn() // undefined

2、用来计数的循环变量泄漏为全局变量 

for(var i=0;i<10;i++){
 console.log(i)
}
console.log(i) // 10

ES6引入了块级作用域，明确允许在块级作用域中声明函数，let和const命令都涉及块级作用域。

块级作用域允许声明函数只在使用大括号的情况下成立，如果未使用大括号，会报错。

作用域链

es6作用域链

1. 全局作用域又称为0级作用域
2. 定义函数或者代码块都会开启作用域就是1级/2级/3级/...作用域
3. javaScript会将这些作用域链接在一起形成一个链条，这个链条就是作用域链

                  0————>1————>2————>3————>4...

      4. 除0级作用域以外，当前作用域级别等于上一级+1

变量在作用域链的查找规则

1. 现在当前找，找到就使用当前作用域找到的
2. 如果当前作用域没有找到，就去上一级作用域中查找
3. 以此类推知道0级为止，如果0级作用域还没有找到，就会报错

闭包

提到作用域就不得不提到闭包，简单来讲，闭包外部函数能够读取内部函数的变量。

优点：闭包可以形成独立的空间，永久的保存局部变量。

缺点：保存中间值的状态缺点是容易造成内存泄漏，因为闭包中的局部变量永远不会被回收

function f1(){
  var n=999;
  nAdd=function(){
    n+=1
  } 
  function f2(){
    console.log(n)
  } 
  return f2
}
var result=f1()
result() //999
nAdd()  //执行n+=1
result() //1000