let,const

Posted zlsqd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了let,const相关的知识,希望对你有一定的参考价值。

- 让webstorm支持ES6语法:file-setting-languages&frameworks-javascript-右侧选择ES6
- let定义变量没有预解释且不能重复定义,在定义变量之前输出报错。var定义变量有预解释,在定义变量之前输出是undefined
- 在ES6里不只有函数的被称为私有作用域,所有都被称为私有作用域。比如,if(条件)判断,for(var i=0;i<10;i++)
  - ES6中只要是都是私有的块级作用域,块级作用域外和块级作用域内,定义同一个变量不会冲突。因为不是一个空间
for(var i=0;i<oLis.length;i++)
oLis[i].onclick=function ()
alert(i);


//绑定事件是异步的,当我们点击某个元素触发绑定在他身上的事件时,循环早已执行完毕i值已经是不符合循环条件的i,此时不管点击哪个元素弹出的索引都是不符合循环条件的索引

将var改为let点击元素就能够正确的索引了,因为循环每次执行时都会形成私有的块级作用域保存正确的索引不被外界的变量改变
for(let i=0;i<oLis.length;i++)
    oLis[i].onclick=function ()
        alert(i);
   

- const定义的是常量,也没有预解释且不能重复定义。
  - 值不能被整个改变(如果是数组或对象可以改变其中的某项,但是如果改变了引用地址即覆盖就会报错)
let,const,function如果声明同一个变量也是重复声明,是一个作用


 

以上是关于let,const的主要内容,如果未能解决你的问题,请参考以下文章

ES6新特性之 let const

ES6 之 let和const块级作用域

P3 const 关键词 javascript

TypeScript 断言使用

Es6 学习笔记

JavaScript 中constvarlet 区别和使用