摘要：在當(dāng)中，只存在函數(shù)作用域和全局作用域，而塊級(jí)作用域是不存在的。作用域中作用域分為兩種，分別是全局作用域函數(shù)作用域其中全局作用域指的是在一個(gè)文件中的作用域。

JavaScript中和C語(yǔ)言、Java這些語(yǔ)言不一樣。在JavaScript當(dāng)中，只存在函數(shù)作用域和全局作用域，而塊級(jí)作用域是不存在的。剛剛接觸JavaScript的話往往不知道這一點(diǎn)，所以很容易因?yàn)檫@一點(diǎn)在程序中出錯(cuò)。

JavaScript中作用域分為兩種，分別是：

全局作用域

函數(shù)作用域

其中全局作用域指的是在一個(gè).js文件中的作用域。全局作用域往往包含了這些特點(diǎn)：

變量公有化

函數(shù)公有化

簡(jiǎn)而言之就是說(shuō)全局作用域中的變量和函數(shù)在這個(gè).js都是公有的、可訪問(wèn)的。而函數(shù)作用域則比起它則范圍相對(duì)狹小一些,特點(diǎn)為：

變量私有化

函數(shù)私有化

函數(shù)作用域當(dāng)中的變量和函數(shù)都是私有的，任何對(duì)變量和函數(shù)的修改都只能在這個(gè)函數(shù)作用域內(nèi)進(jìn)行

由于我們上面所說(shuō)的，JavaScript中沒(méi)有塊級(jí)作用域的存在，所以我們的每一個(gè)變量都是全局有效,或者是函數(shù)內(nèi)有效。什么意思？我們先來(lái)看一下這段代碼：

function gg(){
    if(tag !== "undefined"){
        var tag = "output!"
        console.log(tag)
    }
}
//輸出： output!

上面這段代碼看似不可能輸出output!，但是其實(shí)這里發(fā)生了變量提升。由于塊級(jí)作用域不存在,所以代碼var tag = "output!"在運(yùn)行時(shí)發(fā)生了如下的情況：

function gg(){
    var tag
    if(tag !== "undefined"){
        tag = "output!"
        console.log(tag)
    }
}
//輸出： output!

即變量tag的定義會(huì)被提升到作用域頂部，所以tag的初值為undefined

和變量一樣，函數(shù)也存在著提升的情況,有兩種聲明函數(shù)的方式：

函數(shù)聲明：

function gg(){
    console.log("success")
}

函數(shù)表達(dá)式：

var gg = function(){
    console.log("success")
}

其中只有函數(shù)聲明能夠被提升到作用域頂部，而函數(shù)表達(dá)式這種形式聲明的函數(shù)則不能被提升

console.log(f1) //輸出 function f1(){}
console.log(f2) //輸出 undefined
function f1(){}
var f2 = function(){}

JavaScript中只有兩種作用域：全局作用域和函數(shù)作用域。而因?yàn)檫@個(gè)原因，在代碼中的的函數(shù)聲明、變量聲明都會(huì)被提升到作用域頂部

掃描下方的二維碼或搜索「tony老師的前端補(bǔ)習(xí)班」關(guān)注我的微信公眾號(hào)，那么就可以第一時(shí)間收到我的最新文章。