以下全是个人理解以及网上查找而来,如有不对请指正...
假如有n段js代码 用<script>标签隔开的.
运行顺序是
step1. 读入第一个代码段
step2. 做语法分析,有错则报语法错误(比如括号不匹配等),并跳转到step5
step3. 对var变量和function定义做“预解析”(永远不会报错的,因为只解析正确的声明)
step4. 执行代码段,有错则报错(比如变量未定义)
step5. 如果还有下一个代码段,则读入下一个代码段,重复step2
step6. 结束
这些是从网上找到的 至于对错 真的不知道如何验证,就暂时当它是正确的.........
js是解释型语言,通过词法分析和语法分析得到语法树后,就可以开始解释执行了。(语法分析 ,词法分析这个我也没研究过)
另外还有一些概念 如预编译
1. 在执行前会进行类似“预编译”的操作:首先会创建一个当前执行环境下的活动对象,并将那些用var申明的变量设置为活动对象的属性,但是此时这些变量的赋值都是undefined,并将那些以function定义的函数也添加为活动对象的属性,而且它们的值正是函数的定义。
2.在解释执行阶段,遇到变量需要解析时,会首先从当前执行环境的活动对象中查找,如果没有找到而且该执行环境的拥有者有prototype属性时则会从prototype链中查找,否则将会按照作用域链查找。遇到var a = ...这样的语句时会给相应的变量进行赋值(注意:变量的赋值是在解释执行阶段完成的,如果在这之前使用变量,它的值会是undefined)
预编译应该在上面的哪个阶段开始执行了
我觉得应该是step3 因为是类似“预编译”,实际上是已经开始执行了.所以应该是 3;
可以看一下下面的例子
<script>
alert(i);
</script>
会报告错误 提示i未定义
<script>
alert(i);
var i=1;
</script>
会谈出undefine
不会报告错误 跟预定义的解释一样...........
还有就是在解析的时候 有个先后顺序 那就是先解析函数 在解析变量
且 函数的作用域是在定义的时候,而不是执行时候的作用域
一个例子
<script>
var c = "123";
function xx(){
alert(c);
var c="xx";
}
xx()
</script>
出现的是undefined
因为先解析的xx 所以是找不到c的
又因为编译的关系,知道了在 xx()内部有一个c变量,所以会有一个undefined的直
在运行xx()的时候 因为有undefined的直就弹出来了
如果没有下面的那个 var c = "xx"
<script>
var c = "123";
function xx(){
alert(c);
}
xx()
</script>
会弹出来123
这是因为作用域链的关系