三省吾身丶丶

三省吾身丶丶

马上订阅 三省吾身丶丶 RSS 更新: https://blog.guowenfh.com/atom.xml

ES6 简单特性学习记录

2017年3月1日 23:26

变量定义的新方式：let/ const

let 特性：

  1. 不允许重复声明
  2. 没有变量提升（预解析）
  3. 块级作用域（一对 {} 包括的区域称为一个代码块，let 声明的变量只在该代码块起作用）

例子1 ：简单的打印数据

使用 var:

1
2
3
for(var i = 0; i<10 ; i++ ){
    setTimeout(()=>console.log(i)) // 执行10次，全都打印 10
}

使用 let:

1
2
3
for(let i = 0; i<10 ; i++ ){
    setTimeout(()=>console.log(i)) // 执行10次，打印 0 - 9
}

之前我们要实现这样的打印，必须使用闭包：

1
2
3
4
5
for(var i = 0; i<10;i++){
    (function(j){
        setTimeout(()=>console.log(j)) // 执行10次，打印 0 - 9
    })(i)
}

例子二：在网页中常常会有切换 tab ，展示对应的信息的需求，我们使用 var 来处理时，常常使用的自定义属性，来保存点击的索引。btns[i].index=i。用于找到对应的元素。：

html模板：

1
2
3
4
5
6...
剩余内容已隐藏
查看完整文章以阅读更多
查看完整文章