js预机制
js的解析机制:1) . js预解析 2)逐行解读代码
预解析
1)将以var声明的全局里面的变量和函数都拿出来,变量赋值给undefined,函数进行声明。
2)let声明的变量不进行预解析
3)预解析时,若出现相同的变量命名,也会保留,因为预解析时都是赋值给undefined
4)若变量和函数名冲突,保留函数
5)若函数和函数冲突,保留后面声明的
6)在if和for代码块里面定义函数时,是无法预解析的
7)函数表达式不进行预解析,因为函数表达式的变量名是用var声明的,会赋值给undefined
例1: var a=1; function fn(){ console.log(a);//undefined var a=2; console.log(a);//2 } fn(); console.log(a);//1
例2: var a=1; function fn(){ console.log(a);//1 a=2; } fn(); console.log(a);//2
函数声明了,里面的变量a没有用var声明,是全局变量
例3: var a=1; function fn(a){ //参数a是局部变量,所以下面的a=2实际上是修改了局部变量a的值,跟全局没有关系了 console.log(a);//undefined a=2; } fn(); //这里fn();没有传值,所以里面打出来是undefined fn(1); //执行函数时向局部的a传值了 console.log(a); //1 ,因为作用域的问题,所以这里始终打印出来的数是1,里面的值改变了访问不到
例4: var a=1; function fn(a){ console.log(a);//1 a=2; } fn(a); //将全局变量a的值传给函数的形参a,所以打印1 console.log(a);//1
例5: console.log(a); //function a(){ document.write('a2'); },这里预解析出来是函数 var a=1; function a(){ console.log("a1"); } function a(){ console.log("a2"); } console.log(a);//1 a(); //报错,a is not a function //程序在运行前要对a进行解析,程序中有两个a方法,解析过后a是第二个a方法对象,所以第一个输出结果是function a(){ document.write('a2'); };
第二个输出的就是全局的a,值为1。最后一个执行时会报错,因为之前a已经复制成了1,不是函数。
加油!