javascript小记-javascript运行机制

任何语言的运行过程中，都会有编译和执行；

对于传统编译型语言来说，编译步骤分为：词法分析、语法分析、语义检查、代码优化和字节生成。
但对于解释型语言来说，通过词法分析和语法分析得到语法树后，就可以开始解释执行了。
（任何语言都有编译过程，只是解释型语言没有编译成二进制代码）

 

一、javascript的运行机制：

step1.
读入第一个代码段（<script></script>）

step2.（编译）
语法分析，有错则报语法错误（比如括号不匹配），跳转到step5

step3.（编译）
对var变量和function定义做'预解析'（变量声明，函数声明，不会报错，因为只解析正确的声明）

step4.（执行）
执行代码段，有错则报错（比如变量未定义）

step5.
读入下一个代码段，重复执行step2

 

在编译的时候，确定作用域，生成语法树

      除了做必要的语法检查之外，会将 函数的声明和变量作用域的声明放入到语法树

在执行的时候，取得作用域

      确定执行上下文

 

 二、

来看一个例子

1 <script type="text/javascript">
2     alert(i);
3     var i='fanfan';
4 </script>

上例会输出 undefined，这就会涉及到js中作用域的问题；

在js编译的过程中，要确定作用域，此例中，在编译的时候已经找到了变量 i 的声明，

只是在执行的时候，由于变量i未被初始化，所以输出undefined；

 

再来看一个例子

1 <script type="text/javascript">
2     alert(i);
3     i='fanfan';
4 </script>

上例会报错，根据js的运行步骤，在编译过程中确实作用域的时候，

变量 i ，由于没有var,符合全局变量，所以 i 就相当于在全局对象window上添加了一个属性

i=window.i

但是在程序执行的过程中，确定作用域的时候，由于当前作用域未找到变量 i 的定义，会一直找到全局作用域

但在alert的时候，此时变量 i ，还没有添加到全局对象window上，所以会报错，ReferenceError: i is not defined

 

转载于:https://www.cnblogs.com/fanfan259/p/3521013.html