浏览器中的JavaScript执行机制

一个变量包含创建、初始化、赋值三个阶段
function的创建、初始化和赋值均会被提升。
var的创建和初始化被提升，赋值不会被提升。
let的创建被提升，初始化和赋值不会被提升。

变量提升

函数和变量声明部分都会提升到代码开头。
变量声明会设置初始值 undefined
函数则分成以下两种

JS 的执行流程

1. 编译阶段
   编译完后会生成 执行上下文 和 可执行代码
   执行上下文里包含变量环境、词法环境、this、outer
   其中变量环境保存了变量提升的内容
2. 运行阶段
   在变量环境中查找自定义的变量和函数

如果是同名的函数，JavaScript编译阶段会选择最后声明的那个。
如果变量和函数同名，那么在编译阶段，变量的声明会被忽略

何为执行上下文

JS 执行全局代码、调用函数或者调用 eval 函数时，会编译代码并创建执行上下文，里头包含了变量环境和词法环境变量、this、outer

调用栈

用来管理函数调用关系的一种数据结构。
管理执行上下文的栈就叫作执行上下文栈，也叫调用栈。
函数编译时，会创建执行上下文，并推入栈，函数执行完后就会出栈。

作用域

• 作用域就是变量与函数的可访问范围，即作用域控制着变量和函数的可见性和生命周期。
• es6 之前只有全局作用域跟函数作用域，es6 之后加入了函数作用域
• es6 采用的是词法作用域：即是由代码中函数声明的位置来决定的，而不是执行时才确定的

块级作用域

• 块级作用域是通过词法环境的栈结构来实现的，而变量提升是通过变量环境来实现，通过这两者的结合，JavaScript 引擎也就同时支持了变量提升和块级作用域了
• 管理执行上下文的叫调用栈。
• 变量提升是通过执行上下文里的变量环境来实现的。
• 块级作用域是通过执行上下文里的词法环境的栈结构来实现的。
  

作用域链

是按自己所在的执行上下文的词法环境=》自己所在执行上下文的变量环境=》变量环境的 outer 所指向的执行上下文的词法环境=》变量环境的 outer 所指向的执行上下文的变量环境
一直沿着 outer 查找，直到全局执行上下文，没找到就报错

闭包

内部函数引用了外部函数里的变量，并返回该内部函数，这样当外部执行完之后会出栈，但由于内部函数引用外部函数的变量仍然保存在内存中，将这些变量的集合称为闭包

产生闭包的核心有两步：第一步是需要预扫描内部函数；第二步是把内部函数引用的外部变量保存到堆中。

JS 机制

全局上下文中的 this: 非严格模式下 this 指向 window,严格模式下指向 undefined
函数执行上下文中的 this:默认指向 window
可以通过 call,apply,bind 更改 this 指向。
对象调用方法时，this 指向该对象
构造函数里 this 指向新对象
ES6 中的箭头函数并不会创建其自身的执行上下文，所以箭头函数中的 this 取决于它的外部函数

参考链接

浏览器工作原理与实践