ES6---let、const与var

本文深入解析JavaScript中var、let和const三种变量声明方式的特点及区别,通过实例展示它们的使用场景,包括变量提升、块级作用域、常量定义等关键概念。

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

let、const与var的区别,使用案例进行对比。

1、var:有变量提升,存在覆盖问题,允许重复声明
以下是一个变量覆盖的例子:

// 变量覆盖
  var time = 'today';
  function fun() {
    console.log(time);
      if (false) {
         var time = 'tomorrow';
         /* var变量提升,覆盖了外层的 time = 'today';而var time = 'tomorrow';
         执行条件是if (false) ,即没有赋值,只是定义了 var time,所以后面输出时是 undefine */
      }
  }
  fun();  //输出undefine

2、let:不具有变量提升,有块级作用域,具有暂时性死区,不允许重复声明
以下是块级作用域的例子:

// 1、通过 var 声明计数循环变量
        var arr = [];
        for (var i = 0; i < 2; i++) {
            arr[i] = function () {
                console.log(i);
            }
        }
        console.log(i); // 循环完之后 i = 2; 所以这里输出的是2
        arr[0]();   // 输出的是2
        arr[1]();   // 输出的是2
// 2、通过 let 声明变量  注意与 var 的对比
        let arr1 = [];
        for (let j = 0; j < 2; j++) {
            arr1[j] = function () {
                console.log(j);
            }
        }
        //  console.log(j); 这里会报错 j是通过 let 声明的 具有块级作用域
        arr1[0](); //输出0
        arr1[1](); //输出1

3、const:不具有变量提升,用于定义常量,使用时要赋值,一旦声明不允许修改
注:const定义的对象是不可以修改,但对象里面的属性值是可以修改的,对象是引用类型,指向的是地址,修改对象属性值不改变指向。

const person = {
            name: "abc",
            age: 18
        }
        // 允许修改对象属性
        person.age = 19;
        console.log(person.age); //输出19
        // 不允许修改对象
        /* person = {
            name: "abc",
            age: 19
        } */  // 如果直接修改对象会报错

let、const块级作用域可以解决var的问题:
①内层变量覆盖外层变量的问题;
②用于计数的循环变量泄露为全局变量的问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值