JS 作用域和作用域链

js的作用域是让我们访问变量和函数的区域,作用域规定了如何查找变量;

js有两种作用域:全局作用域,局部作用域;局部作用域又可分为函数作用域,块级作用域和其它具体的作用域

全局作用域

let age= 18
 
function foo() {
  // 不是嵌套函数
  // 函数内部可以访问函数外部变量
  return age
}
 
foo() // 18

函数作用域

function text() {
  var age = 18
}
 
// 函数外部访问不到函数内部变量
console.log(age) // undefined

块级作用域

{
  let age = 18
}
 
// let、const 关键字声明的变量，只在其所在的代码块 {} 内有效。
console.log(age) // error

静态作用域:函数声明的时候就已经确定

动态作用域:函数调用的时候确定

var value = 1
 
function foo() {
  console.log(value)
}
 
function bar() {
  var value = 2
  foo()
}
 
bar() // 1

js采用的是静态作用域,所以上述结果为1;因为foo的作用域在声明的时候就已确定,当调用foo时,它会先在自身作用域中查找,如果没有就会从它上一层中查找(这里foo的上一层就是全局作用域)因此结果为1

如果是动态作用域,那么上述结果则为2;此时foo的作用域是在它被调用的时候确定的,先在自身中查找,没有则在上一层中查找(这里的上一层就是bar中),因此结果为2

作用域链:

一般情况下,变量的取值应到创建这个变量的函数中取值,如果没有就往上一级查找,知道查找到全局作用域;这样一个查找过程就形成了作用域链