js判断的执行顺序

时间:2024-04-03 18:35:56

js预编译是对每一个<script>标签片段进行的。预编译声明所有var变量(初始为undefined),解析定义式函数语句。

还有个关于 "window作用域下,a = 1和var a = 1" 的区别的也很经典:

a = 1相当于window.a = 1,是动态地为window添加一个成员; 
var a = 1是在当前作用域(也就是window)下声明一个a,这个声明是在整个作用域内都有效的。  换句话说,其实区别就在于var a = 1比a = 1多了一个声明的行为。 
来看几个例子:
<script>
alert(a);
f();
</script>
<script>
alert(a);
f();
function f(){
console.log('我执行了');
}
a=1;
</script>
<script>
alert('333');
</script>

因为没有声明a变量,所以片段一和片段二都会报错,只有片段三弹出'333'

<script>
alert(a);//报错 找不到a
f();
</script>
<script>
alert(a);//弹出undefined
f();//输出: '我执行了'
function f(){
console.log('我执行了');
}
var a=1;
</script>
<script>
alert('333');//弹出333
</script>

片段一会报错,因为预编译是按script片段走的,片段一找不到a和f();片段二在预编译的时候,a变量会被提前声明并赋值undefined,f函数会被提前定义。