静态作用域与动态作用域

1.作用域

当前执行代码对变量的访问权限，JavaScript采用的是词法作用域，也就是静态作用域；

2.静态作用域

函数作用域是函数定义的时候就已经决定了

3.动态作用域

函数作用域是函数调用的时候才决定的

我们可以看个例子就能看出来JavaScript静态作用域的区别

var value = 1;

function foo() {
  console.log(value);
}

function bar() {
  var value = 2;
  foo();
}

bar();  //猜猜看打印的结果是多少

假设 JavaScript 采用静态作用域，让我们分析下执行过程：
执行 foo 函数，先从 foo 函数内部查找是否有局部变量 value，如果没有，就根据书写的位置，查找上面一层的代码，也就是 value 等于 1，所以结果会打印 1。
假设 JavaScript 采用动态作用域，让我们分析下执行过程：
执行 foo 函数，依然是从 foo 函数内部查找是否有局部变量 value。如果没有，就从调用函数的作用域，也就是 bar 函数内部查找 value 变量，所以结果会打印 2。
前面我们已经说了，JavaScript 采用的是静态作用域，所以这个例子的结果是 1。

4.作用域链

函数再定义的时候创建的

var scope = "global scope";
function checkscope() {
  var scope = "local scope";
  function f() {
    return scope;
  }
  return f();
}
checkscope();

var scope = "global scope";
function checkscope() {
  var scope = "local scope";
  function f() {
    return scope;
  }
  return f;
}
checkscope()();

JavaScript 函数的执行用到了作用域链，这个作用域链是在函数定义的时候创建的。嵌套的函数 f() 定义在这个作用域链里，其中的变量 scope 一定是局部变量，不管何时何地执行函数 f()，这种绑定在执行 f() 时依然有效。所以两段代码执行结果都是：local scope