ES6 var 与let的区别

最新推荐文章于 2025-05-26 23:21:51 发布

zehua_o

最新推荐文章于 2025-05-26 23:21:51 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_20472061/article/details/82588929

JAVASCRIPT 专栏收录该内容

8 篇文章

订阅专栏

本文详细解析了JavaScript中var和let声明变量的区别，包括变量提升机制及其如何影响代码执行过程。并通过具体示例展示了不同情况下变量声明的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var声明及变量提升机制:
在函数作用域或全局作用域中通过关键字var 声明的变量，无论实际上在哪里声明的，都会被当做在当前作用域顶部声明的变量
let 不会提升变量

// 正常的声明一个函数
        function getToken(token) {
            //   如果token为true
            if (token) {
                var val = '123456';
                return val;
            } else {
                console.log(val);// 此处访问为undefind
            }
        }
        getToken();

var的变量的提升及JS引擎会把上面的getToken函数修改成下面这样 val变量被提升至最上面代码如下

 function getToken(token) {
            var val;
            //   如果token为true
            if (token) {
                val = '123456';
                return val;
            } else {
                console.log(val);// 此处打印为undefind
            }
        }
        getToken();

如果使用let 来声明变量将不会提升打印出来的将会报错代码如下

 function getToken(token) {
            //   如果token为true
            if (token) {
                let val = '123456';
                return val;
            } else {
                console.log(val);// 此处报错为Uncaught ReferenceError: val is not defined

            }
        }
        getToken();

变量将不会提升

还有就是 let 不能重复声明
比如

  var token=10;
  let token=20;
  // 报错 Uncaught SyntaxError: Identifier 'token' has already been declared

当然块级内还是可以的如下

 // 因为是块级作用 是没问题的
        var val = 10
        if (token) {
            let val = 20;
        }

OK var 与let 的区别就讲解与此谢谢观看。