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);

}

猜你喜欢

转载自blog.csdn.net/m0_55990909/article/details/124751968