JavaScript 声明提升

简介: JavaScript 声明提升

JavaScript 声明提升
JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。

JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。

以下两个实例将获得相同的结果:

实例 1
x = 5; // 变量 x 设置为 5

elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x; // 在元素中显示 x

var x; // 声明 x

尝试一下 »

实例 2
var x; // 声明 x
x = 5; // 变量 x 设置为 5

elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x; // 在元素中显示 x

尝试一下 »
要理解以上实例就需要理解 "hoisting(声明提升)"。

声明提升:函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。

JavaScript 初始化不会提升
JavaScript 只有声明的变量会提升,初始化的不会。

以下两个实例结果结果不相同:

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

目录
相关文章
|
5天前
|
JavaScript 前端开发 程序员
JavaScript 声明提升
JavaScript 声明提升
9 2
|
19天前
|
JavaScript 前端开发
JavaScript中的定义与使用
【8月更文挑战第31天】
10 1
|
1月前
|
JavaScript 前端开发
JavaScript声明变量的几种方式
JavaScript声明变量的几种方式
23 0
|
3月前
|
JavaScript 前端开发 开发者
JavaScript中的const关键字解析
JavaScript中的const关键字解析
|
3月前
|
JavaScript 前端开发
JavaScript变量的特殊情况
JavaScript变量的特殊情况
|
2月前
|
Web App开发 存储 JavaScript
JavaScript 变量
JavaScript 变量
23 0
|
4月前
|
JavaScript 前端开发
探索JavaScript中的构造函数,巩固你的JavaScript基础
探索JavaScript中的构造函数,巩固你的JavaScript基础
|
JavaScript 前端开发
重新声明 JavaScript 变量
重新声明 JavaScript 变量
54 0
|
JavaScript 前端开发 开发者
JavaScript 中的变量声明
JavaScript 中的变量声明
87 0
JavaScript 中的变量声明