ES6 var 、let 和 const 区别

  1. var
  • var 定义的变量可以修改,如果不初始化会输出undefined,不会报错;

  • 在相同作用域里,可以重复声明同一个变量;

  • 会声明提升;( if 内的 {} 不是作用域)

  1. let
  • let是块级作用域,函数内部使用let 定义后,对函数外部无影响;

  • 在相同作用域里,不可以重复声明同一个变量;

  • 声明的变量不会存在变量提升;( if 内的 {} 是作用域 )

  • “暂时性死区”,在代码块内,使用let命令声明变量(或者const声明常量)之前,该变量(常量)都是不可用的。

底层原理:

1.在底层自动被翻译为匿名函数自调;

2.变量自动改名,比如 let t = XX => var _t = XX

3.const

  • const 定义的变量不可修改,而且必须初始化,不能用null 占位;

  • 在相同作用域里,不可以重复声明同一个变量;

  • 声明的变量不会存在变量提升;

  • 声明的是复杂类型数据,可以修改属性;

面试题:


for (var i = 0; i < 5; i++) {

    setTimeout(function() {

        console.log(i);

    }, 1000);

}

//这个例子执行完输出什么结果?

//答案是 5,5,5,5,5

//如果想要输出0,1,2,3,4改怎么实现?

//其中一种方案就是把var换成let就可以了。let的块级作用域在这里就体现出来了。

for (let i = 0; i < 5; i++) {

    setTimeout(function() {

        console.log(i);

    }, 1000);

}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值