介绍
变量提升Hoisting是人们对 执行上下文工作方式的一种认识，并不是官方给出的改变
从字面上理解，变量提升的意思是变量和函数的声明会在物理层移动到作用域的最前面。但是这样理解并不准确，效果是相同的，但是实际的实现方式是 的变量和函数的声明会在编译阶段放入内存
这意味着使用者在正式声明一个函数或者变量之前就能够使用它
函数的提升
在 中，在声明一个函数前，我们就能够使用它，大家应该都体验过，像这样:
test();
function test() {
// do something
}
在正常的使用情况下，应该需要先声明函数才能调用，但是这种方法仍然能够运行，这是因为 自动将函数声明事先存入了内存的原因，看起来就像 自动把函数声明提升到了最前面
变量的提升
对于变量， 使用类似的方法，但是要注意一点的是，对于变量的提升， 只会将变量声明提升，但是不会把初始化提升，如果在变量初始化之前使用，则会得到undefined
// undefined console.log(a); // ReferenceError: b is not defined console.log(b); var a = 10;
// undefined console.log(num); num = 6; // 6 console.log(num); num += 7; // 13 console.log(num); var num;
// undefined console.log(num); num = 1; // 1 console.log(num); var num = 2; // 2 console.log(num);
这里要注意， 的变量提升是针对var的，而let和const不存在变量提升这一特性
// ReferenceError: a is not defined console.log(a); let a = 10;
一个复杂一点的例子
var a = 100;
function fn() {
// undefined
console.log(a);
var a = 200;
// 200
console.log(a);
}
fn();
// 100
console.log(a);
var a;
// 100
console.log(a);
// 300
var a = 300;
console.log(a);
继续阅读与本文标签相同的文章
下一篇 :
JS如何获取地址栏的参数实例讲解
-
第三讲，Ceph内部构件
2026-05-18栏目： 教程
-
日本发明AI女友，中国却发明AI主持人，这就是差距！
2026-05-18栏目： 教程
-
《华西通信》行业深度：Wi-Fi6同步5G启航，共享万物互
2026-05-18栏目： 教程
-
不用纠结NSA与SA网络！对于5G手机来说，体验基本一致
2026-05-18栏目： 教程
-
你对自己的网站拥有所有权吗？
2026-05-18栏目： 教程