1. 区别1
    • 全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义时就已经确定了。而不是在函数调用时
    • 全局执行上下文环境是在全局作用域确定之后, js代码马上执行之前创建
    • 函数执行上下文环境是在调用函数时, 函数体代码执行之前创建
    1. 区别2
    • 作用域是静态的, 只要函数定义好了就一直存在, 且不会再变化
    • 上下文环境是动态的, 调用函数时创建, 函数调用结束时上下文环境就会被释放
    1. 联系
    • 上下文环境(对象)是从属于所在的作用域
    • 全局上下文环境==>全局作用域

    • 函数上下文环境==>对应的函数使用域

      1. var a = 10,
      2.   b = 20
      3. function fn(x) {
      4.   var a = 100,
      5.     c = 300;
      6.   console.log('fn()', a, b, c, x)
      7.   function bar(x) {
      8.     var a = 1000,
      9.       d = 400
      10.     console.log('bar()', a, b, c, d, x)
      11.   }
      13.   bar(100)
      14.   bar(200)
      15. }
      16. fn(10)
      18. /*
      19.  问题:
      20.  1. 有几个作用域? 3
      21.  2. 产生过几个上下文环境对象? 4
      22.  */

      image.png