var、let 、const的区别-CSDN博客

本文链接：https://blog.csdn.net/yzx231858/article/details/134478473

本文详细解释了JavaScript中let和const的关键区别，包括块级作用域、变量提升、全局属性、重复声明、暂时性死区以及它们在初始化设置和指针指向上的差异。推荐使用let处理块级作用域和计数，const用于常量和对象类型声明。

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

1、作用域的区别

let和const具有块级作用域，var不存在块级作用域,可以跨块访问, 不能跨函数访问

      if(true){
            var a = 0
            let b = 0
            const c = 0
        }
        console.log(a);
        console.log(b);
        console.log(c);

这里只有var声明的变量才能打印出来，因为var声明的是全局变量

var出来的变量是全局的，但是不能跨函数访问

    function test() {
              var message = "zimo";   // 局部变量
             }
        test();
        console.log(message);  // 报错

2、变量提升

什么是变量提升？

变量能在声明之前使用，就是变量提升。

var存在变量提升，let和const不存在变量提升

        console.log(a);
        console.log(b);
        console.log(c);
 
        var a = 1
        let b = 2
        const c = 3

var在js中是支持预解析的声明出来的就不会报错是undefined，let，const就会报错

3、全局属性

浏览器的全局对象是window，var声明的变量是全局变量，并且会将该变量添加为全局对象的属性，但是let和const不会

        var a = 1
        let b = 2
        const c = 3
 
        console.log(window.a);
        console.log(window.b);
        console.log(window.c);

4、重复声明

var声明变量时可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历，const和let不允许重复声明变量

        var a = 1
        var a = 2
 
        console.log(a);

var声明的变量同名只会打印最后一次声明的值

let 和 const同一个作用域下不能重名，编辑器都提示了

5、暂时性死区

在使用let、const命令声明变量之前该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区

        // name会被提升
        console.log(name); // undefined
        var name = 'zimo';
 
        // age不会被提升
        console.log(age); // ReferenceError：age没有定义
        let age = 18;
 
        // sex不会被提升
        console.log(age); // ReferenceError：age没有定义
        const sex = "男";