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) //
console.log(b) //
console.log(c) //
}
f1();
console.log(c); //
console.log(b); //
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解析器首先会把当前作用域的函数声明提前到整个作用域的最前面