es6新特性--let,const关键字

Error：let definitions are not supported by current javascript version

• 在webstrom内，写简单的js文件，想用let定义变量，但是出现了这个问题，按字面理解，es版本对不上。

  

  2017-10-03 23-58-54屏幕截图.png

  ​

• 打开 file-> settings -> languages & frameworks -> javascripts 如下：

  ​

  

  2017-10-04 00-03-59屏幕截图.png

  ​

• 将javascript language version 修改为ECMAScript6，然后点击apply即可，此时会发现错误消失了。

关于let关键字

• 暑期写了2个月的angular2，最近重新学js，在看ES6的特性，发现ES6出了let关键字，也就是说es6之后，js也能定义块级作用域的变量了。（在es6之前，定义变量用var，变量在函数作用域内生效，但是没有块级作用域，var所定义的变量还是会出现混淆的情况）。感觉要养成let定义变量的习惯。在下面举一个简单的例子：

function test（）{
    for(var i = 0 ; i <5 ; i ++){}
    console.log(i);              //i = 5
    for(let j = 0 ; j < 5 ; j ++){}
    console.log(j);              //RefreenceError , j is not defined
}
test();

• 由上面的简单例子可知，var定义的变量在函数作用域内生效，而let定义的变量在指定的块（block）内生效。因此可以看出，多用let可以避免很多es6之前的所谓找不到出错的变量在哪个位置的bug。

---

续更（2017/10/04）

• 昨天晚上写完这篇文章，稍微搜索了下下面的问题，结果找到的资料有点少，于是上某乎问了下这个问题：
• es6出了let关键字，是否意味着以后写js定义变量多用let，这样就避免那些定位不到的bug？

早上醒来得到了几个评论，大概做下总结：

• 这个问题其实只说对了一半。
• let关键字其实是为javascript增加了块级作用域，本质上还是个变量，依旧能赋值改变，只要能赋值改变，改变了值就容易引入bug。
• es6为这个问题引入了const关键字。

关于const关键字

• const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。const声明一个只读的常量。一旦声明，常量的值就不能改变。而const与let一样，都只是在块级作用域内有效。
• 综上所述：能用const就不用let，如果需要一个变化的值，可以直接再定义一个const常量，这样能从本质上避免很多关于变量定位的坑。当然，如果用let定义能让你节省下很多时间，可以考虑用let。
• 参考资料：阮一峰-ECMAScript 6 入门