const、let、var的三者的特点和区别
Published on 2022-07-03 21:55 in 暂未分类 with 小王被抓去敲代码

const、let、var的三者的特点和区别

    var、let、const三者的特点和区别

    一、var的特点

    1、存在变量提升
    console.log(a); // undefined
    var a = 10;
    
    // 编译过程
    var a;
    console.log(a); // undefined
    a = 10;
    
    
    2、一个变量可多次声明,后面的声明会覆盖前面的声明
    var a = 10;
    var a = 20;
    console.log(a); // 20
    
    
    3、在函数中使用var声明变量的时候,该变量是局部的
    var a = 10;
    function change(){
        var a = 20;
    }
    change();
    console.log(a); // 10
    
    
    而如果在函数内不使用var,该变量是全局的
    var a = 10;
    function change(){
        a = 20
    };
    change();
    console.log(a); // 20
    
    

    二、let的特点

    1、不存在变量提升,let声明变量前,该变量不能使用(暂时性死区)。
    console.log(a); // ReferenceError: a is not defined
    let a = 10;
    
    
    2、let命令所在的代码块内有效,在块级作用域内有效
    {
    	let a = 10;
    }
    console.log(a);  // ReferenceError: a is not defined
    
    
    3、let不允许在相同作用域中重复声明,注意是相同作用域,不同作用域有重复声明不会报错
    let a = 10;
    let a = 20;
    // Uncaught SyntaxError: Identifier 'a' has already been declared
    
    let a = 10;
    {
    	let a = 20;
    }
    // ok
    
    

    三、const

    1、const声明一个只读的变量,声明后,值就不能改变
    const a = 10;
    a = 20;  // TypeError: Assignment to constant variable.
    
    
    2、const必须初始化
    const a;  // SyntaxError: Missing initializer in const declaration
    const a = 10; // ok
    
    
    3、const并不是变量的值不能改动,而是变量指向的内存地址所保存的数据不得改动
    const obj = {
    	age: 17
    }
    obj.age = 18;  // ok
    
    obj = {
    	age: 18
    }
    //  SyntaxError: Identifier 'obj' has already been declared
    
    
    4、let该有的特点const都有

    四、区别

    1. 变量提升

    var声明的变量存在变量提升,即变量可以在声明之前调用,值为undefined
    let和const不存在变量提升,即它们所声明的变量一定要在声明后使用,否则报错

    1. 块级作用域

    var不存在块级作用域
    let和const存在块级作用域

    1. 重复声明

    var允许重复声明变量
    let和const在同一作用域不允许重复声明变量

    1. 修改声明的变量

    var和let可以
    const声明一个只读的常量。一旦声明,常量的值就不能改变,但对于对象和数据这种引用类型,内存地址不能修改,可以修改里面的值。

    五、使用

    能用const的情况下尽量使用const,大多数情况使用let,避免使用var。
    const > let > var
    const声明的好处,一让阅读代码的人知道该变量不可修改,二是防止在修改代码的过程中无意中修改了该变量导致报错,减少bug的产生。let声明没有产生预编译和变量提升的问题,先声明再使用可以让代码本身更加规范,let是个块级作用域,也不会污染到全局的变量声明。
    最后说一点就是使用的场景说明:let一般应用于基本数据类型;const 一般应用于引用数据类型,也就是函数对象等。

    posted @   小王被抓去敲代码  阅读(223)  评论(0编辑  收藏  举报
    相关博文:
    阅读排行:
    · 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
    · 推荐几款开源且免费的 .NET MAUI 组件库
    · 实操Deepseek接入个人知识库
    · 易语言 —— 开山篇
    · Trae初体验
    点击右上角即可分享
    微信分享提示