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多了一个声明的行为。
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函数会被提前定义。