关于javascript:JavaScript高级-作用域-与-作用域链

作用域与作用域链

1. 了解

   • 就是一块“地盘”，一个码段所在的区域
   • 它是动态的（绝对于上下文对象），在编写代码时就确定了

2. 分类

   • 全局作用域
   • 函数作用域
   • 没有块作用域（ES6 有了）

3. 作用

   • 隔离变量，不同作用域下同名变量不会有抵触

      // 没块作用域
      if (true) {var c = 3}
      console.log(c)
      
      var a = 10,
      b=2
      function fn(x) {
          var a = 100,
          c = 300;
      console.log('fn()',a,b,c,x)
      function bar(x) {
      var a = 1000,
      d=400
      console.log('bar',a,b,c,d,x)
      }
      
      bar(100)
      bar(200)
      }
      fn(10)
     

作用域与执行上下文

区别 1

• 全局作用域之外，每个函数都会创立本人的作用域，作用域在函数定义时就曾经确定了。而不是在函数调用时
• 全局执行上下文环境是在全局作用域确定之后，js 代码马上执行之前创立
• 函数执行上下文是在函数调用时，函数体代码执行之前创立

区别二

• 作用域是动态的，只有函数定义好了就始终存在，且不会再变动
• 执行上下文是动静的，调用函数时创立，函数调用完结时就会主动开释

分割

• 上下文环境（对象）是从属于所在的作用域
• 全局上下文环境 ==> 全局作用域
• 函数上下文环境 ==> 对应的函数作用域

作用域链

1. 了解

   • 多个上下级关系的作用域造成的链，它的方向时从下向上的（从内到外）
   • 查找变量时就是沿着作用域链来查找的

2. 查找一个变量的查找规定

   • 在以后作用域下的执行上下文中查找对应的属性，如果有间接返回，否则进入 2
   • 在上一级作用域的执行上下文中查找对应的属性，如果有间接返回，否则进入 3
   • 再次执行 2 的雷同操作，晓得全局作用域，如果还找不到就抛出找不到的异样

    
        var a = 1
        function fn1(){
            var b = 2
            function fn2(){
                var c = 3
                console.log(c)
                console.log(b)
                console.log(a)
                console.log(d)
            }
            fn2()}
        fn1()