作用域 --- Scope

概念 : 变量起作用的范围

在es5之前 , 作用域分为window全局(global )作用域, script(脚本)作用域 和 函数(局部)作用域

在es6之后 , 变量有了块级(block)作用域, 一个花括号就代表一个块级作用域, let和const声明的变量也是块级作用域

      let c = 3 // 此时我使用let 关键字声明了一个c变量 可以看做 {let c = 3.......}
      if (true) {
        let d = 4
      }
    

作用域的创建和释放

js引擎在执行一个js文件或script标签时 ,

( 1 ) 会预先创建两个作用域 1. Global作用域 2. Script作用域 在创建这两个作用域的时候,会将用var声明的变量 , 挂到 Global作用域 内的window对象 , 将用let 和 const 声明的变量 挂到Script作用域内 , 但是同样是在全局上下文下声明的变量 垃圾回收机制不会回收 但是并不会将let const 声明的变量进行预解析 , Global作用域在浏览器关闭时才会销毁

( 2 ) 当解析到一个函数时 , 会创建局部(函数)作用域 , 看起来会将函数内声明的变量进行预解析 , 但实际上你访问不到用let 和 const 声明的变量 . 在执行到声明变量的代码时 , 对其进行赋值 , 在执行完函数时 , 释放函数作用域

( 3 ) 当解析到一个{ } 时 , 会创建一个Block块级作用域 , 执行完 将其释放

作用域链

作用域链是指当js编译器在寻找变量时，先在最近的作用域里找，如果找不到，则向上一级作用域里找，依次类推，直到找到或者找不到为止。这就是作用域链。

预解析

JS 执行机制——预解析 预解析JavaScript代码是由浏览器中的JavaScript解释器来执行的。JavaScript解析器在运行JavaScript代码的时候分两步:预解析和代码执行。

预解析过程：

1.把变量的声明提升到当前作用域的最前面，只会提升声明，不会提升赋值。

2.把函数的声明提升到当前作用域的最前面，只会提升声明，不会提升调用。

    console.log(fn); // 因为函数提升了 所以可以打印到  result : f(代表函数) fn() { }
    console.log(a); // a 变量只提升了声明, 变量声明未赋值默认为undefined  result : undefined
    console.log(b); // 报错
    var a = 1
    let b = 2
    function fn() { }