ES6新增声明let、const

ES6：全称 ECMAScript 6，是于2015年正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。
本篇来了解ES6中新增的两个声明命令let及const，和两者区别。

let声明

let命令，用来声明变量

let x = 1;
console.log(x);
// 输出 1

这样可看和var声明没啥区别，但是新增它肯定是有别的用处。
1、我们再看：

console.log(x); // 报错 ReferenceError（引用错误）：初始化前无法访问“x”
let x = 1;

这样我们可以得到，let是不会提前声明的。
2、

if(true) {
let x = 1;
}
console.log(x); // 报错 ReferenceError（引用错误）: x 未定义

这样我们可以得到，let只在当前所在的块级作用域起作用。
3、

if(true) {
let x = 1;
x = 2 ;
console.log(x); // 2
}

这样我们可以得到，let声明的变量可以重新赋值。
4、

if(true) {
let x = 1;
let x = 2 ;
console.log(x);
// 报错 SyntaxError（语法错误）：标识符“x”已声明
}

这样我们可以得到，let声明的变量不能重复声明。

总结let声明变量的特点：
1、let声明的变量不存在变量提升。
2、let声明的变量只在当前所在的块级作用域起作用。
3、let声明的变量可以重新赋值，但是不能重复声明。
4、暂时性死区（let声明之间叫死区）。
5、在全区作用域中声明但不属于全局对象属性。

既然let有独立的作用域，解决函数闭包问题。如下：
给3个input都绑定点击事件：

<input type="button" value="1" class="btn">
<input type="button" value="2" class="btn">
<input type="button" value="3" class="btn">
<script>
var btn = document.getElementsByClassName('btn');// 获取所有的input
for(var i=0;i<btn.length;i++){
btn[i].onclick=function(){console.log(i+1);}
}
</script>

1.这样写的话我们不管点击哪一个控制台只会打印最后一个数字4，
2.前面的123都被覆盖掉了，点那个按钮都打印4

const声明

注： const和let很像，但是前者声明常量，后者声明变量。还有区别见如下：
1、

{
const x = 1;
x = 2;
console.log(x); // 报错 TypeError（类型错误）：常量变量赋值
}

这样我们可以得到，const声明之后不能再改变。
2、

{
const x;
x = 2;
console.log(x); // 报错 SyntaxError（语法错误）：常量声明中缺少初始值设定项
}

这样我们可以得到，const即声明即赋值。

总结const声明特点：
1、const声明之后不能再改变。
2、const即声明即赋值。
3、和let很像但也有区别。

最后

以上就是想人陪香菇为你收集整理的有关ES6的声明：let以及constES6新增声明let、const的全部内容，希望文章能够帮你解决有关ES6的声明：let以及constES6新增声明let、const所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。