JavaScript學習:JavaScript 提升hoisting

一、Hoisting 是 JavaScript 將所有聲明提升到當前作用域頂部的默認行爲(提升到當前腳本或當前函數的頂部)。
例1與例2結果相同
例1:
x = 5; // 把 5 賦值給 x
elem = document.getElementById(“demo”); // 查找元素
elem.innerHTML = x; // 在元素中顯示 x
var x; // 聲明 x
例2:
var x; // 聲明 x
x = 5; // 把 5 賦值給 x
elem = document.getElementById(“demo”); // 查找元素
elem.innerHTML = x; // 在元素中顯示 x
二、JavaScript初始化不會被提升
JavaScript只提升聲明,而非初始化。
例1與例2結果不相同
例1:
var x = 5; // 初始化 x
var y = 7; // 初始化 y
elem = document.getElementById(“demo”); // 查找元素
elem.innerHTML = x + " " + y; // 顯示 x 和 y
例2:
var x = 5; // 初始化 x
elem = document.getElementById(“demo”); // 查找元素
elem.innerHTML = x + " " + y; // 顯示 x 和 y
var y = 7; // 初始化 y
(顯示x,而y undefined)
只有聲明(var y)而不是初始化(=7)被提升到頂部。
由於 hoisting,y 在其被使用前已經被聲明,但是由於未對初始化進行提升,y 的值仍是未定義:
例3:
var x = 5; // 初始化 x
var y; // 聲明 y
elem = document.getElementById(“demo”); // 查找元素
elem.innerHTML = x + " " + y; // 顯示 x 和 y
y = 7; // 把 7 賦值給 y
(也是顯示x 而y undefind)
三、在頂部聲明變量
Hoisting(對很多開發者來說)是 JavaScript 的一種未知的或被忽視的行爲。如果開發者不理解 hoisting,程序也許會包含 bug(錯誤),爲了避免 bug,請始終在每個作用域的開頭聲明所有變量。
由於這就是 JavaScript 解釋代碼的方式,請保持這個好習慣。
嚴格模式中的 JavaScript 不允許在未被聲明的情況下使用變量。
W3School JavaScript hoisting

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章