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

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