面試常問之JavaScript變數提升-js教程-PHP中文網

首頁

web前端

js教程

面試常問之JavaScript變數提升

青灯夜游

Nov 28, 2019 pm 05:14 PM

javascript變數提升

什麼是JavaScript變數提升？這是面試常會被問到的。以下這篇文章就來跟大家介紹一下JavaScript變數提升，有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

面試常問之JavaScript變數提升

JavaScript變數提升

#（Hoisting）JavaScript將宣告移動到頂部的預設行為。【相關課程推薦：JavaScript影片教學】

JavaScript宣告提升，在JavaScript中，變數可以在使用後宣告。換一種說法; 變數可以在宣告之前使用。範例1給出與範例2相同的結果：

範例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;           // 在元素内显示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將所有宣告移到目前範圍頂部（到目前腳本或目前函數的頂部）的預設行為。

但在ES6 中改變了這個預設的行為，ES6的let宣告的變數和const宣告常數不會被提升!

JavaScript初始化不會提升

JavaScript只會提升聲明，而不是初始化。範例1和範例2是不同的結果：

範例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>

##在頂部宣告你的變數！

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

本文來自

js教學欄目，歡迎學習！

以上是面試常問之JavaScript變數提升的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文轉載於：51cto。如有侵權，請聯絡admin@php.cn刪除

JavaScript的演變：當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript：它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。