上一节:
下一节:

  JavaScript 变量声明提升（Hoisting）

  • JavaScript变量提升

    提升（Hoisting）JavaScript将声明移动到顶部的默认行为。
    JavaScript声明提升，在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变量
    尝试一下
    要理解这一点，您必须理解“声明提升(英文：Hoisting)”一词。 是指JavaScript将所有声明移动到当前范围顶部（到当前脚本或当前函数的顶部）的默认行为。

  • let和const关键字

    let声明的变量和const声明常量不会被提升!在后面的let，const相关章节还会介绍

  • 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
    尝试一下
    在上一个例子中，y为什么是undefined？这是因为只有声明（var y），而不是初始化（= 7）被提升到顶部。
    由于提升，y在使用之前已声明，但由于初始化未被提升，因此y的值为undefined。
    下例与示例2结果相同： 
    var x = 5; // 初始化 x
var y;     // 声明 y

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

y = 7;    // 赋值7给 y
    尝试一下

  • 在顶部声明你的变量！

    对许多开发人员来说，变量提升（Hoisting）是一种未知或被忽视的JavaScript行为。如果开发人员不理解提升，程序可能包含错误（Error）。为避免错误，请始终在每个范围的开头声明所有变量。由于这是JavaScript解释代码的方式，因此它始终是一个很好的规则。
    严格模式下的JavaScript如果未声明变量，则不允许使用变量。在下一章学习“使用严格”。
上一节:
下一节: