作用域和闭包

1. 作用域

• 全局作用域
  • 最外层的函数和在最外层函数外面定义的变量拥有全局作用域
  • 所有的window对象的属性拥有全局作用域 — window.location window.top …
  • 未定义直接赋值的变量
    注意：全局作用域可以在任何位置被访问。过多的全局作用域变量会导致命名冲突
• 函数作用域
  • 在函数内部声明的局部变量
    注意：内层（函数）作用域可以访问外层作用域里的数据，反之不行。函数内部声明的局部变量只有在函数被调用才会生成，函数执行完毕后会被立即销毁。
• 块级作用域
  • 使用let和const可以声明块级作用域，只有在包含该声明的{}中才可以访问
  • let和const不具备变量提升，不能重复声明变量
  • let定义的变量可以修改，const定义的基本数据变量不能修改，可修改对象中的数据，但是不能改变变量指向的引用地址。
• 示例
  fun1函数执行能正确输出变量a的数据，而在全局作用域中访问函数作用域里面的变量b，会报引用错误，即找不到该变量。

// 全局作用域变量
let a = 123
function fun1() {
    // 函数作用域变量
    var b = 456
    console.log(a)
}
fun1()  // 123
console.log(b) //ReferenceError: b is not defined

2. 作用域链

当访问一个变量时，会在当前作用域下查找，如果在当前作用域找不到该变量就会到父级作用域查找，就这样一层一层向上级作用域查找，直到访问到window对象终止查找。这一层一层的关系就是作用域链。

2. 闭包

介绍：可以访问另一个函数作用域中变量的函数，常见的方式是在函数内部定义一个函数，创建的函数可以访问上级函数作用域内的变量。

• 用途
  • 闭包的第一个用途是使我们在函数外部能够访问到函数内部的变量。通过使用闭包，可以通过在外部调用闭包函数，从而在外部访问到函数内部的变量，可以使用这种方法来创建私有变量。
  • 闭包的另一个用途是使已经运行结束的函数上下文中的变量对象继续留在内存中，因为闭包函数保留了这个变量对象的引用，所以这个变量对象不会被回收。
• 示例
  • 示例一：解决函数中使用var定义变量的问题

  for(var i = 1; i < 5; i++){
      setTimeout(() => {
          console.log(i)
      }, i * 1000)
  }
  // 输出结果为 5 5 5 5
  for(var n = 1; n < 5; n++){
      (function(j){
          setTimeout(() => {
              console.log(j)
          }, i * 1000)
      })(n)     
  }
  // 输出结果为 1 2 3 4
  

  • 示例二：回调函数 — 将一个函数作为变量传递给另一个函数，并在函数中执行。只有回调函数中使用了上级函数作用域的变量，才会形成闭包。

  let fun2 = function (a) {
      console.log(a)
  }
  function fun3(callback){
      let b = 4
      callback(b)
  }
  fun3(fun2)