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

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

上一篇:细说 Azure Storage 的冗余策略


下一篇:【B2B】2015 年B2B的春天