title: js作用域详解
date: 2019-03-15 09:45:23
tags: js
变量作用域
js中全局作用域比较简单，在代码任何地方都有定义。
函数的参数和局部变量只在函数内有定义。
局部变量优先级高于同名全局变量，当局部变量和全局变量同名，局部变量覆盖全局变量
函数作用域
在变量声明的代码段之外没有定义，成为块级作用域。
js中使用的是函数作用域（变量在声明他们的函数体以及这个函数体嵌套的任何函数体都是有定义的）
作用域链
js中函数也是对象，一切都是对象。函数拥有可以通过代码访问的属性和一系列仅供js引擎访问的内部属性。
其中一个内部属性是[[scope]]。该内部属性包含了函数被创建的作用域中对象的集合，这个集合被称为函数的作用域链，它决定了哪些数据能被函数访问
函数被创建时，它的作用域链中会填入一个全局对象，该全局对象包含了所有全局变量。
执行函数时，会创建一个称为‘运行期上下文’的内部对象，运行期上下文定义了函数执行的环境。每个运行期上下文都有自己的作用域链，用于标识符解析。
当运行期上下文被创建时，它的作用域链接初始化为当前运行函数的[[scope]]所包含的对象。
这些值，按照出现在函数中的顺序被复制到运行期上下文的作用域中。它们共同组成一个新的对象，叫做‘活动对象’。该对象包含了函数的所有的局部变量，命名参数、参数集合以及this，然后此对象被推入作用域链的前端，当运行期上下文被销毁时，活动对象也随之销毁
函数解析和执行过程
a();
解析：
1.代码进入浏览器，因为会有标识符解析，所以在这之前，js解释器需要扫面全局，初始化全局作用域。
2.a变量进入全局作用域，a仍是undefined，当解释器自上而下解释到这段代码时,创建一个匿名函数
3.将全局作用域压进函数对象的内部属性 所引用的作用域链里[[scope]]
4.将匿名对象赋值给a
执行
1.创建内部对象，称为该对象的‘执行期上下文’。定义了一个函数的执行环境，函数每次执行都会创建独一无二的执行期上下文，每个执行期上下文都有自己的作用域链，用来解析标识符。
2.当执行期上下文创建时，它的作用域链会被初始化为当前执行的函数对象里的[[scope]]属性中包含的对象
3.scope中的值，按照它们原有的顺序被复制到执行期上下文的作用链里
4.解析器创建一个称为‘活动对象’的内部对象，活动对象包含当前执行函数里所有的局部变量，命名参数，参数合计以及this。
5.活动对象被推入执行期上下文里中作用域链的前端。
网友评论