在 ES6 中我们有两种定义变量的方式: let const
let 特点:
1.let 定义时不会进行变量声明提升
2. 变量不允许被重复定义
3. 变量不可以被删除
4. 在 for 循环当中用 let 定义 i 循环时可以保存 i 的值
5. 在块级元素中用 let 定义的变量只能在当前块级作用域中使用 (注: 凡是用{} 包裹的都是块级作用域, 但是除了对象以外)
const 特点:(声明常量或者不可被修改的变量)
1.const 声明的变量值不允许被修改
2. 不会进行变量声明提升
3. 常量不允许被删除
对 let 第四个特点给大家举个小栗子
若 body 标签里面有五个 button
- <button > 按钮 1</button>
- <button > 按钮 2</button>
- <button > 按钮 3</button>
- <button > 按钮 4</button>
- <button > 按钮 5</button>
script 标签里面我们来个标签绑定一个小事件
<script>
var btnArr = document.getElementsByTagName("button");
for (let i = 0; i <btnArr.length; i++) {
btnArr[i].onclick = function(){
console.log(i);
}
}
用 let 定义 i 时点击不同的按钮时, 打印的是每个按钮对应 i
var btnArr = document.getElementsByTagName("button");
for (var i = 0; i < btnArr.length; i++) {
btnArr[i].onclick = function(){
console.log(i);
}
}
用 var 定义 i 时点击不同的按钮时, 每个按钮打印的都是 5(即循环后 i 的值, 因为事件时异步执行的, 但是 for 循环不会等待异步事件)
</script>
来源: https://www.cnblogs.com/suihang/p/9519427.html