JavaScript变量的提升

最新推荐文章于 2025-07-26 11:37:02 发布

原创最新推荐文章于 2025-07-26 11:37:02 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #变量提升

web 同时被 3 个专栏收录

14 篇文章

订阅专栏

前端

7 篇文章

订阅专栏

web

5 篇文章

订阅专栏

本文深入探讨了JavaScript中变量和函数的提升现象，解释了变量声明与赋值的区别，以及函数声明如何被提升到作用域顶部，通过实例代码展示了提升机制的工作原理。

变量提升

变量提升
定义变量的时候，变量的声明会被提升到作用域的最上面，变量的赋值不会提升。
函数提升
JavaScript解析器首先会把当前作用域的函数声明提前到整个作用域的最前面

代码

// 1、-----------------------------------
var num = 10;
fun();
function fun() {
  console.log(num);
  var num = 20;
}
//2、-----------------------------------
var a = 18;
f1();
function f1() {
  var b = 9;
  console.log(a);
  console.log(b);
  var a = '123';
}
// 3、-----------------------------------
f1();
console.log(c);
console.log(b);
console.log(a);
function f1() {
  var a = b = c = 9;
  console.log(a);
  console.log(b);
  console.log(c);
}