JS中script词法分析

2023-07-22 14:59:22

核心：JS中的script是分段执行的。

 <script>

     var i = 10;

 </script>

 <script>

     alert(i);

 </script>

上面的例子中，弹出结果10。因为在之前script语句段定义的变量和函数可以再其他script语句段中使用。在一个js程序中，可以有多个script语句段，那么它们如何工作呢？

script执行过程：

　　1.读入第一个代码段

　　2.编译（声明变量，声明函数，语法检查，语义检查，代码优化，分析并得到代码书）

　　3.执行

　　4.读入下一代码段

　　5.编译

　　6.执行

　　7.读入下一代码段

　　......

　　n.结束

举个例子来说

 <script>

     //例1

     alert(i);

 </script>

 <script>

     //例2

     alert(i);

     var i=10;

 </script>

例1的代码执行后，什么都不会弹出，因为已经报错了。但例2的代码会弹出undefined。因为i已经声明但没有赋值。因为代码段是先编译再执行，编译负责生成，执行负责赋值。

区分编译错误和运行错误：

 <script>

     alert(i; //编译错误

     alert(i);//运行错误

     alert('hello');

 </script>

但无论是哪种错误，当前代码段中的后面的代码都不执行。

无论是哪种错误，不会影响后面的代码段的执行。

编译错误时，当前代码段会停止，代码中所有声明全部无效。

运行错误时，前面的代码已经执行完毕，不会影响该代码段内前面的内容。

码农公寓