js预解析的题像在做智力题一样有意思~
预解析
预解析:在解释这行代码之前发生的事情——变量的声明提前了,函数的声明提前
console.log(num) ——未定义Num,结果是报错 var num; console.log(num)——结果是undefined console.log(num) var num = 10;——结果是undefined
注意:预解析分段,多对的script标签中如果函数名相同,互不影响
预解析就是变量的声明提前了,比如
console.log(num);
var num = 10;
这里你可以看做是
var num;
console.log(num)
num = 10;
预解析还可以是函数的声明提前,比如
f1(); function f1(){ console.log(123); }
预解析后,这里可以看做是
function f1(){ console.log(123); } f1();
————————————————quiz的分割线———————————————————————————————————
function f1(){ console.log(111); } f1(); function f1(){ console.log(222); }
结果是222 因为预解析的缘故,两个函数重名,所以第二个函数的声明被提前了
function f1(){ console.log(num); var num = 10; } f1();
结果是undefined,因为在函数内部,var num的声明被提前了,变成了
function f1(){ var num; console.log(num); var num = 10; }
var num = 100; function f2(){ console.log(num); var num = 10; } f2();
结果是unfedined 因为函数内部又重新声明了一个var num,它被提前了,所以是undefined。和外面的那个没有关系
***作用域链
function f2(){ console.log(num); var num = 10; }
//它会在它所在的区域内搜索Num的声明,如果找到了就使用,
如果没有找到的话就往外找,这样层层搜索和寻找这就是作用域链
var a = 18; f1(); function f1(){ var b = 9; console.log(a); console.log(b); var a = '123'; }
结果a是undefined,因为变量声明提前了,这里还是var a; b是9
f1(); console.log(c); // console.log(b); console.log(a); function f1(){ var a = b = c = 9; console.log(a) console.log(b) console.log(c) }
结果:根据预解析原则,函数f1声明提前,所以函数内部的abc都是9,函数外面的a是报错,bc都是9
在这里 我开始并没有理解,为什么在函数外部访问变量声明都能访问到,为什么bc是9啊?
原因是预解析后,var a的声明被提前了,b = c = 9,是全局变量,外部可以访问,所以是9,而a是局部变量,是报错。
function f1(){ var a; a = b = c = 9; console.log(a) //9 console.log(b) //9 console.log(c) //9 } f1(); console.log(c); //9 console.log(b); //9 console.log(a); //报错了
myFun(10,20); var myFun = function (a,b){ return a + b; }
结果是报错,我以为是undefined,因为myFun用变量接收了函数,所以这个匿名函数并不能提升,此时的实际情况如下
var myFun; myFun(10,20); myFun = function (a,b){ return a + b; }
——————————————————————————————————————————————————————-——
总结:
变量提升:定义变量的时候,变量的声明会提升到作用域的最上面,变量的赋值不会提升。
函数提升:js解析器首先会把当前作用域的函数声明提前到整个作用域的最前面