JavaScript学习手册（55）

Posted 2021-05-14 designbyly

变量提升与函数提升

1. 变量提升声明

   通过var定义（声明）的变量，在定义语句之前就可以访问到

   值：undefined

2. 函数提升声明

   通过function声明的函数，在之前就可以调用

   值：函数定义（对象）

3. 问题：变量提升和函数提升是如何产生的？

执行上下文

代码分类（位置）

1. 全局代码
2. 函数代码

全局执行上下文

1. 在执行全局代码前将window确定为全局执行上下文

2. 对全局数据进行预处理

   var定义的全局变量==》undefined，添加为window的属性

   function声明的全局函数==》赋值（fun），添加为window的方法

   this==》赋值（window）

3. 开始执行全局代码

函数执行上下文

1. 在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象（虚拟的，存在于栈中）

2. 对全局数据进行预处理

   形参变量==》赋值（实参）==》添加为执行上下文的属性

   arguments==》赋值（实参列表），添加为执行上下文的属性

   var定义的局部变量==》undefined，添加为执行上下文的方法

   function声明的函数==》赋值（fun），添加为执行上下文的方法

   this==》赋值（调用函数的对象）

3. 开始执行函数体代码

执行上下文栈

1. 在全局代码执行前，JS引擎就会创建一个栈来存储管理所有的执行上下文对象
2. 在全局执行上下文（window）确定后，将其添加到栈中（压栈）
3. 在函数执行上下文创建后，将其添加到栈中（压栈）
4. 在当前函数执行完后，将栈顶的对象移除（出栈）
5. 当所有的代码执行完后，栈中只剩下window

每日一句
这世界的大多数事情，不是稍微努力就可以搞定