JavaScript学习之作用域、作用域链

概念

作用域（scope）

每个JavaScript函数都是一个对象，对象中的属性都是可以访问的，但是有些却不能访问，而这些属性仅供JavaScript引擎存取，[[scope]]就是其中一个。[[scope]]就是我们所说的作用域，其中存储了执行期上下文集合。

在学习过程中会涉及到两个对象名称AO、GO

作用域链（Scope chain）

[[scope]]中所存储的执行期上下文对象集合，这个集合呈链式链接，我们把这个链式叫做作用域链。

AO(Active Object)私有变量对象

在【函数执行上下文EC中】，因为【私有变量对象 AO】 是要保存当前私有上下文中所有的变量，而一个函数内的变量包括：形参变量、局部变量、自身函数对象引用变量、arguments、this。 为了保存这些变量，所以特意创建了一个对象，称它为【活动对象(私有变量对象)AO(xx)】，函数内所需的变量就都保存在 【私有变量对象AO(xx)】 中，所以在函数执行上下文中，变量对象 VO 的具体表现也就是【私有变量对象AO(xx)】。

---

GO(Global Object)全局对象

预定义的对象，【浏览器把所有后期需要供JS调取使用的属性和方法(内置)，都放置在了GO当中。并且在全局当中创建一个叫做window的变量指向它。】通过使用全局对象，可以访问所有其他所有预定义的对象、函数和属性。

例如：

function test(){
    var a= 10;
    function b(){
        var c=1
    }
    b()
}
var g = 100
test();

1. test函数被声明，创建test.[[scope]]， test.[[scope]] ==> 0 : GO
2. test函数被执行时，就会产AO，同时将test.[[scope]]

在执行上面代码的时候，首先会进行全局初始化，会执行以下操作

• 初始化环境执行栈
• test函数被声明，创建test.[[scope]]

// Scope chain

test.[[scope]] = [
    // GO
	{
        this:window
		window:(Object),
    	document:(Object)
		test:(function),
		g:100,
	}
]

• 当执行test函数的时候，首先会创建环境变量对象，也就是test函数的AO对象，然后初始化作用域链等

  // Scope chain
  test.[[scope]] = [
       // AO
  	{
  		this:window,
  		a:10,
  		b:(function)
  	},
       // GO
  	{
          this:window
  		window:(Object),
      	document:(Object)
  		test:(function),
  		g:100,
  	}
  ]
  

• 当执行b函数的时候，b函数也会产生自己的AO对象，但是b的[[scope]]对象中，则会包含test和函数的[[scope]]对象

  // Scope chain
  b.[[scope]] = [
       // AO
  	{
  		this:window,
  		c:1
  	},
      // test 函数AO
  	{
  		this:window,
  		a:10,
  		b:(function)
  	},
      // GO
  	{
          this:window
  		window:(Object),
      	document:(Object)
  		test:(function),
  		g:100,
  	}
  ]
  

  在函数中查找变量，从其作用域链的顶端依次向下查找，从Scope chain 的0位依次查到最后一位。