JavaScript 作用域

• 作用域指程序源代码中定义变量的区域
• 规定了如何查找变量,确定当前执行代码对变量的访问权限
• js使用词法作用域(静态作用域):函数的作用域在函数定义的时候就决定了

例子

var value = 1

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

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

bar()

静态作用域

函数的作用域在函数定义的时候决定

结果

• 执行 foo 函数，先从 foo 函数内部查找是否有局部变量 value
• 没有，根据书写的位置，查找上面一层的代码
• value 等于 1，所以结果会打印 1。

1

动态作用域

函数的作用域在函数运行的时候才决定

结果

• 执行 foo 函数，先从 foo 函数内部查找是否有局部变量 value
• 没有，先从调用函数的作用域查找，也就是 bar 函数内部查找
• value = 2，所以结果会打印 2。

2

例子

例1

var scope = 'global scope'
function checkscope() {
  var scope = 'local scope'
  function f() {
    return scope
  }
  return f()
}
console.log(checkscope())

结果

  
    local scope
  

例2

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

结果

  
    local scope
  

---

参考

JavaScript深入之词法作用域和动态作用域