ES6有哪些新特性？

本文共计7343个文字，预计阅读时间需要30分钟。

ES6-ES12 简要知识点总结

1. ES6 相关知识点 1.1. 对象字面量的增强 1.1.1. 属性的简写：当对象的属性名与变量名相同时，可以直接使用变量名作为属性名。 1.1.2. 方法简写：对象的方法可以直接使用函数表达式定义，省略冒号和函数体的大括号。 1.1.3. 简化构造函数：使用 class 关键字定义类，可以更简洁地定义构造函数。

ES6-ES12简单知识点总结 1.ES6相关知识点 1.1.对象字面量的增强

ES6中对对象字面量的写法进行了增强，主要包含以下三个方面的增强：

• 属性的简写：当给对象设置属性时，如果希望变量名和属性名一样就可以直接写该变量名；
• 方法的简写：对象中的方法可直接写成foo() {}的形式；
• 计算属性名：对象的属性名可以动态传入，将变量使用[]包裹即可；

const obj = { // 1.属性简写 name, age, // 2.方法简写 foo() { console.log('foo') }, // 3.计算属性名 [key]: 'value' } 1.2.解构

为了方便从数组或对象中获取数据，ES6给我们提供了解构的方案，可分为数组的解构和对象的解构。

• 数组的解构：注意数组的解构是按元素顺序来的。