js引擎执行js代码的过程

js引擎执行js代码的过程

html解析

浏览器下载网页时，浏览器内核解析html。当遇到script标签时，下载js代码并将js代码以流的形式传递给js引擎让js引擎进行js代码的解析。

语义语法分析

首先js引擎会对js代码进行扫描，进行语义分析和语法分析，如果语义或语法出现问题则直接报错停止解析。当通过语义和语法分析后，对js进行编译和预编译；

编译和预编译

编译时会将变量和函数加入到全局对象(Global Object)中。但此时的变量并没有赋值，变量赋值操作是发生在运行期间的，函数则会创建一个函数对象同时将这个对象的指针存入全局对象中。这个过程完成后就形成了js的抽象语法树，然后会被引擎转换成二进制指令给cpu进行执行。

代码执行

执行时每一个上下文都会关联一个变量对象(Variable Object)，执行开始首先是全局对象进入执行上下文栈，此时全局执行上下文的变量对象就是全局对象，执行时遇到变量就给变量赋值，遇到函数调用时则创建一个函数执行上下文，执行上下文中的变量对象（就是函数的活动对象存储着函数中的变量（未赋值）和作用域链）并放入执行上下文栈中。当函数执行完则将函数的执行上下文弹出上下文栈。回到全局上下文执行