ES6 新语法梳理
ES6 的新语法可以提高编程效率,但在开发过程中,很多新语法会想不到去使用。
目前来看,使用率较高的 ES6 的语法包括:
- 箭头函数
- let、const 关键词
- class
- 模版字符串
- for...of
- Promise
使用率不高的语法:
变量的解构赋值 数组的解构赋值:
let [a, b, c] = [1, 2, 3]; // a = 1, b = 3, c = 3
对象的解构赋值:
let { bar, foo, baz} = { foo: "aaa", bar: "bbb" }; // bar = "bbb", foo = "aaa", baz = undefined
扩展运算符,三点运算符 将一个数组转为用逗号分隔的参数序列
console.log(...[1, 2, 3]); // 1 2 3
Set 新的数据结构,类似于数组,但是成员的值都是唯一的,没有重复的值
const set = new Set([1, 2, 3, 4, 4]); console.log(set); // Set(4) {1, 2, 3, 4} console.log([...set]); // (4) [1, 2, 3, 4]
进一步了解 ES6,推荐阮一峰老师的ECMAScript 6 入门