js变量提升_带你深入理解js，通过手写js解释器（1）变量提升篇

先来考一个问题，运行这段代码会输出什么呢？

结果是如图说是，你猜对了吗？

现在带你写一个简易js解释器，分析为什么会这样。

为了直奔核心问题，词法分析语法分析我就省略了，直接使用esprima来生成ast

写了一个运行时环境管理器，我们知道函数调用底层实现是通过栈结构来实现的，我们每次调用一个函数就会新建一个变量环境，然后把这个变量环境push进调用堆栈。这段代码就是实现了这个，并且增加了几个访问接口。

这个函数是增加了默认函数实现，这个案例我添加了console对象。

为什么要initDeclaration因为我们知道，js是有变量提升作用，所以首先要把声明的变量放置到我们变量环境里边，所以首先执行initDeclaration，后边进行下面代码执行。

函数调用如果函数是我们init里边注册的函数那么直接调用他，否则我们会新push变量环境，然后在解析执行函数代码。

这个例子里边我们实现了，函数，变量声明，变量提升以及基本函数调用方式。

后面我会通过慢慢添加复杂的例子的方式，慢慢完善执行器。