JavaScript作用域与作用域链

一. 作用域

JavaScript作用域是什么？

作用域指的就是变量存在的范围

我们的作用域又分成了全局作用域和局部作用域两块

现在我们说一说怎么分别认知：

局部变量是只能在函数内部操作，而我们的局部作用域也是一样的。全局作用域在整个程序中一直存在，所有地方都可以读取。
局部作用域只能在函数内部存在。

在大多数的语言中都是用花括号{ }来形成一个作用域

   {
       int a=2
    }

但是在我们JavaScript中{ }是不能形成作用域的，需要靠函数来形成。

1. 我们看一段代码：

function fn() {
    var a= '您好';
    console.log(a);
}//输出 您好 在控制台
fn()

在函数执行后，输出了a变量，a变量是我们定义在fn函数里的。

2. 再看一段代码：

var b='您好';
function fn() {
  console.log(b);
}//输出 您好 在控制台
fn()

这段代码并没有在内部定义变量，它为首先在fn函数中查找a这个变量，查找不到就会跳到自己的上层(全局）来查找到变量b。

二. 作用域链

//继续看这个代码
var b='您好';
function fn() {
  console.log(b);
}//输出 您好 在控制台
fn()

我们控制台输出b这个变量，需要首先找到var b；首先它会在自己的函数区域中查找，如果找不到就会去往自己的上层。

//再看一个代码
var a = 1
function fn1(){
  function fn2(){
    console.log(a)
  }
  function fn3(){
    var a = 4
    fn2()
  }
  var b= 2
  return fn3
}
var fn = fn1()
fn() //输出1

这段代码首先fn2 console.log(a) 变量a输出到控制台，我们首先在fn2中查找变量a，没有？我们往上层查找到fn1中没有变量a? 那我们再往上到全局属性后查找到var a = 1 ; 找到后输出1。

总结一下：

• 函数在执行的过程中会先从自己的内部查找变量
• 如果找不到再从当前创建函数的所在作用域去找，以此往上
• 如果查找到后就会立即停止
• 如果在全局作用域还没找到的话，就会报错：ReferenceError: 某变量 is not defined
  
  

以上是我对作用域和作用域链的理解，有不足之处请多见谅