千锋web前端开发项目教程_1000集完全零基础入门HTML5+CSS3+JS到

es5 新增 ： 开启严格模式 "use strict"

一、声明关键字

1. ES6新增的声明关键字：

• let，const：声明变量
• class：声明类
• import，export：模块化开发

let和const的特点

1. 不存在提升
2. 不允许重复声明
3. 全局不会绑定到window
4. 块级作用域
5. 暂时性死区
6. const声明的变量不允许修改地址

使用规范：const -> let -> var

二、箭头函数

1. 箭头函数的特点等同于无名函数
2. 赋值式创建函数的值
3. 作为参数，回调函数
4. 作为返回值，闭包函数
5. 作为事件处理函数，不推荐
6. 作为匿名函数的函数体使用
7. 语法：

• 完整语法：()=>{}
• 极简语法：=>
• 当有且只有一个参数时，可以省略小括号
• 当有且直接返回了数据时，可以省略花括号和return，花括号和return必须同时省略（返回花括号对象时，要用小括号将花括号包起来）

1. 特点：
2. 可读性差
3. 语法极简
4. 没有自身的this，自动使用外层this
5. 不能被new执行（无法作为类使用）
6. 没有arguments

二、箭头函数

1. 箭头函数的特点等同于无名函数
2. 赋值式创建函数的值
3. 作为参数，回调函数
4. 作为返回值，闭包函数
5. 作为事件处理函数，不推荐
6. 作为匿名函数的函数体使用
7. 语法：

• 完整语法：()=>{}
• 极简语法：=>
• 当有且只有一个参数时，可以省略小括号
• 当有且直接返回了数据时，可以省略花括号和return，花括号和return必须同时省略（返回花括号对象时，要用小括号将花括号包起来）

1. 特点：
2. 可读性差
3. 语法极简
4. 没有自身的this，自动使用外层this
5. 不能被new执行（无法作为类使用）
6. 没有arguments

四、展开运算符

1. 一般用于快速展开复杂的数据，获取其内部的值
2. 语法：...要展开的数据
3. 展开对象：只能在能接收键值对的位置展开对象

• 花括号内

五、默认值

解构赋值时的默认值

函数的是参数的默认值

六、对字符的补充（算扩展不算ES6新增）

1. 字符串模板：`

• 支持反引号内回车换行
• 反引号内的变量使用${}进行标记

七、Symbol（一种新的数据类型）

1. 类似于字符，基本数据类型，任何两个Symbol都不相等，用于表示标记值或状态
2. 用于消除使用字符或数值或布尔等常规数据作为状态时的隐患
3. 语法：const s = Symbol()

八、对象的简写语法

属性：当对象的属性名和变量名相同时可以简写

方法：可以直接省略冒号和function关键字（箭头函数不能省略，省略后就不是箭头函数了）

九、Set和Map

1. 数据的打包形式

• 数组对象：有序的可重复的值集合
• 对象：无序的无重复的键值对集合
• Set对象：无序的无重复的值集合
• Map对象：：无序的无重复的值值对集合

1. Set：

• new Set()

1. Map：

new Map()

十、for - of

1. ES6新增的遍历语句：主要用于遍历set和map
2. for-of遍历的是值

• 能否遍历数组
• 能否遍历对象
• 能否遍历字符