什么是JavaScript變量提升，面試經(jīng)常問

發(fā)布時間：2020-07-17 00:16:46 來源：網(wǎng)絡(luò) 閱讀：394 作者：web全棧欄目：web開發(fā)

JavaScript變量提升

提升（Hoisting）JavaScript將聲明移動到頂部的默認(rèn)行為。

JavaScript聲明提升，在JavaScript中，變量可以在使用后聲明。換一種說法; 變量可以在聲明之前使用。示例1給出與示例2相同的結(jié)果：

例子1：

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<body>

<p id="demo"></p>

<script>
    x = 5; // 給x賦值5

    elem = document.getElementById("demo"); // 查找一個元素
    elem.innerHTML = x;           // 在元素內(nèi)顯示x

    var x; // 聲明 x
</script>

</body>
</html>

例子2

!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<body>

<p id="demo"></p>

<script>
    var x; // 聲明 x
    x = 5; // 把5賦值給x

    elem = document.getElementById("demo");
    elem.innerHTML = x;
</script>

</body>
</html>

要理解這一點，您必須理解“聲明提升(英文：Hoisting)”一詞。是指JavaScript將所有聲明移動到當(dāng)前范圍頂部（到當(dāng)前腳本或當(dāng)前函數(shù)的頂部）的默認(rèn)行為。

但在ES6 中改變了這個默認(rèn)的行為，ES6的let聲明的變量和const聲明常量不會被提升!??值得學(xué)習(xí)let和const

JavaScript初始化不會提升

JavaScript僅提升聲明，而不是初始化。實例1和施例2是不同的結(jié)果：

示例1：

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<body>

<p id="demo"></p>

<script>
    var x = 5; // 初始化 x
    var y = 7; // 初始化 y

    elem = document.getElementById("demo"); // 查找一個元素
    elem.innerHTML = x + " " + y;       // 顯示x和y

</script>

</body>
</html>

例子2

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<body>

<p id="demo"></p>

<script>
    var x = 5; // 初始化 x

    elem = document.getElementById("demo"); // 查找一個元素
    elem.innerHTML = x + " " + y;       // 顯示x和y

    var y = 7; // 初始化 y

</script>

</body>
</html>

在頂部聲明你的變量！

對許多開發(fā)人員來說，變量提升（Hoisting）是一種未知或被忽視的JavaScript行為。如果開發(fā)人員不理解提升，程序可能包含錯誤（Error）。為避免錯誤，請始終在每個范圍的開頭聲明所有變量。由于這是JavaScript解釋代碼的方式，因此它始終是一個很好的規(guī)則。

嚴(yán)格模式下的JavaScript如果未聲明變量，則不允許使用變量。

向AI問一下細(xì)節(jié)

什么是JavaScript變量提升，面試經(jīng)常問

JavaScript變量提升

JavaScript初始化不會提升

在頂部聲明你的變量！

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

什么是JavaScript變量提升，面試經(jīng)常問

在頂部聲明你的變量！