js預(yù)解析以及案例里的坑

tianren124 發(fā)布于2019-08-22 16:47 / 3281人閱讀

摘要：預(yù)解析作為一門解釋型腳本語言，特點是邊解析邊執(zhí)行。而預(yù)解析則是，提前解析的意思，也就是所說的變量提升。報錯以上相當于報錯因為跟都是用隱式全局變量，所以答案是，而是用聲明的局部變量，在函數(shù)以外訪問，會報錯。

js預(yù)解析

js作為一門解釋型腳本語言，特點是邊解析邊執(zhí)行。而預(yù)解析則是，提前解析的意思，也就是所說的變量提升。

console.log(a);
var a = 10;//undefined

這里的結(jié)果是undefined而并不是a is not defined。是因為var a被提升到console.log之前，即

var a;
console.log(a);
var a = 10;//undefined

但是函數(shù)提升則不是undefined的結(jié)果，而是結(jié)果正常。

function foo(){
    console.log("aaa");
};
foo();//aaa

foo();//aaa
function foo(){
    console.log("aaa");
};

案例里的坑 一個鬧心的例子

foo();//20
var number =20;
function foo(){
    console.log(number);
}

函數(shù)的例子

foo();//undefined
var number =20;
function foo(){
    console.log(number);
    var number = 10;
}

函數(shù)提升了，函數(shù)中的變量number也被提升了，結(jié)果就成了undefined

隱藏的隱式全局變量

以下剛開始，我的答案是9 9 9 報錯 報錯 報錯，后來才發(fā)現(xiàn)里面有坑。

foo();
console.log(c);//9
console.log(b);//9
console.log(a);//報錯 a is not defined
function foo(){
    var a=b=c=9;
    console.log(a);//9
    console.log(b);//9
    console.log(c);//9
}

以上相當于

function foo(){
    var a;
        c = 9;
        b = c;
        a = b;
    console.log(a);//9
    console.log(b);//9
    console.log(c);//9
}
foo();
console.log(c);//9
console.log(b);//9
console.log(a);//報錯 a is not defined

因為b跟c都是用隱式全局變量，所以答案是9，而a是用var聲明的局部變量，在函數(shù)以外訪問，會報錯。