浅谈ES6——ES6中let、const、var三者的区别

时间:2022-11-07 21:46:10

在了解let、const、var的区别之前,先了解一些什么是es6

Es6 全称ECMAscript 是JavaScript语言的一个标准,其实Es6本质就是JavaScript的一个版本,为什么叫ECMAscript呢,一个原因是JavaScript商标名称的原因,还有一个是ECMA是一个标准化组织,将这门语言规范化,可以更有利于成为一种国际标准和保持其开放性。

Es6和es2015、es2016、es2017 ;es6是一个名词也是一个泛指,含义是5.1版以后javaScript的下一代标准,涵盖了es2015、es2016、es2017等等,而其他的es2015这些,都指该年发布的正式版本的语言标准。

这里给大家推荐一个学习es6的网站,https://es6.ruanyifeng.com/

Var、let、const区别

1)Var存在变量提升,而let、const没有:

Console.log(a)

Var a=1;//undefined,变量已声明,但是未赋值,所以a显示undefined

Console.log(a)

let a=1;//报错

Console.log(a)

const a=1;//报错

2)let、const形成块作用域,而var没有

If(true){

   var a=10

   let b = 10

   const c = 10

}

Console.log(a)//10

Console.log(b)//报错

Console.log(c)//报错

3)同一作用域下,var可以声明同名变量,而let、const不行

4) Const 是定义常量的关键字,需要注意的是,常量不能被修改;所以const一但声明必须赋值,一旦声明一个变量,就必须马上初始化,如果是复合类型数据,可以修改其属性

Let声明的值、类型、变量都可以改变

5)let 是定义变量的关键字,当解析器进入一个块级作用域,发现let关键字,变量只是先完成声明,并没有到初始化那一步。此时如果在此作用域提前访问,则报错xx is not defined,这就是暂时性死区的由来。等到解析到有let那一行的时候,才会进入初始化阶段。如果let的那一行是赋值操作,则初始化和赋值同时进行

6)什么情况下let更好呢?我在查找资料时看到一篇文章中这样写的:“let 在块作用域中有效,有的时候,我们为了降低变量污染的风险,在块作用域中使用let来代替var,这样不会污染块作用域的外部作用域,降低 bug率,使代码更安全”。let和var相比较,let的优点便是块作用域了,这样可以有效地区分全局作用域和块级作用域的相同的变量了。