ES6 新语法梳理

ES6 的新语法可以提高编程效率,但在开发过程中,很多新语法会想不到去使用。

目前来看,使用率较高的 ES6 的语法包括:

  1. 箭头函数
  2. let、const 关键词
  3. class
  4. 模版字符串
  5. for...of
  6. Promise

使用率不高的语法:

  1. 变量的解构赋值 数组的解构赋值:

     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
    
  2. 扩展运算符,三点运算符 将一个数组转为用逗号分隔的参数序列

     console.log(...[1, 2, 3]);
     // 1 2 3
    
  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 入门

ES6 技术 前端 JS
本文更新于