js预解析相关知识总结以及一些好玩的面试题

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解析器首先会把当前作用域的函数声明提前到整个作用域的最前面

 

转载于:https://www.cnblogs.com/code-klaus/p/8603352.html