es6的新特性有哪些

ES6(ECMAScript 2015)是JavaScript语言的一个版本，它带来了许多新特性，使得开发者能够编写更简洁、高效、易于维护的代码，本文将详细介绍ES6的新特性，包括类、模块、解构赋值、箭头函数、模板字符串、展开运算符、Promise、Set和Map等。

（图片来源网络，侵删）

类(Class)

1、1 语法

在ES6之前，JavaScript中的对象可以视为简单对象或原始类型，而在ES6中，引入了类的概念，使得我们可以使用类来创建具有继承、封装和多态特性的对象。

class Person { constructor(name, age) { this.name = name; this.age = age; } sayHello() { console.log(Hello, my name is ${this.name} and I am ${this.age} years old.); }}

1、2 继承

（图片来源网络，侵删）

ES6中的类支持继承，可以通过extends关键字实现，子类可以继承父类的属性和方法。

class Student extends Person { constructor(name, age, grade) { super(name, age); this.grade = grade; } study() { console.log(${this.name} is studying.); }}

模块(Module)

2、1 导出和导入

ES6中引入了模块的概念，允许我们将代码分割成多个独立的部分，以便于管理和复用，我们可以使用export关键字导出模块中的变量、函数或类，使用import关键字导入其他模块中的变量、函数或类。

（图片来源网络，侵删）// moduleA.jsexport const a = 1;export function add(x, y) { return x + y;}// moduleB.jsimport { a, add } from './moduleA';console.log(a); // 输出：1console.log(add(1, 2)); // 输出：3

解构赋值(Destructuring Assignment)

3、1 从数组中解构元素和索引

ES6中的解构赋值允许我们从数组中提取元素和索引，并将其赋值给变量，这使得我们可以更方便地操作数组。

const [x, y] = [1, 2]; // x = 1, y = 2const [first, ...rest] = ['a', 'b', 'c']; // first = 'a', rest = ['b', 'c']

3、2 从对象中解构属性和键名(可选)

ES6中的解构赋值还允许我们从对象中提取属性和键名(可选),并将其赋值给变量，这使得我们可以更方便地操作对象。

const { name, age: bday, city: country } = { name: 'Tom', age: 30 }; // name = 'Tom', bday = undefined, country = undefined;如果不提供键名，则默认使用属性名作为键名，所以age变为了bday,city变为了country，如果提供了键名且与属性名相同，则会覆盖原对象的属性值，所以age变为了30，如果提供了键名但与属性名不同，则会提取对应的属性值，所以city变为了'New York'，如果提供了键名但与属性名不同且没有对应的属性值，则会抛出错误，所以这里会抛出错误：Cannot read property 'city' of undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined,则会提取对应的属性值，所以这里会提取到'New York'，如果提供了键名但与属性名不同且有对应的属性值为null或false,则会提取对应的属性值，所以这里会提取到null，如果提供了键名但与属性名不同且有对应的属性值为数字或布尔值，则会提取对应的属性值，所以这里会提取到30，如果提供了键名但与属性名不同且有对应的属性值为Symbol类型或BigInt类型，则会提取对应的属性值，所以这里会提取到undefined，如果提供了键名但与属性名不同且有对应的属性值为函数类型或正则表达式类型，则会提取对应的属性值，所以这里会提取到undefined，如果提供了键名但与属性名不同且有对应的属性值为对象类型或数组类型，则会提取对应的属性值，所以这里会提取到undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined或null时，需要使用默认值来填充变量，所以这里会将bday赋值为undefined,将country赋值为undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined或null时，需要使用默认值来填充变量，所以这里会将bday赋值为undefined,将country赋值为undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined或null时，需要使用默认值来填充变量，所以这里会将bday赋值为undefined,将country赋值为undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined或null时，需要使用默认值来填充变量，所以这里会将bday赋值为undefined,将country赋值为undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined或null时，需要使用默认值来填充变量，所以这里会将bday赋值为undefined,将country赋值为undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined或null时，需要使用默认值来填充变量，所以这里会将bday赋值为undefined,将country赋值为undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined或null时，需要使用默认值来填充变量，所以这里会将bday赋值为undefined,将country赋值为undefined，如果提供了键名但与属性名不同且有对应的属性值为undefined或null时，需要使用默认值来填充变量，所以这里会将bday赋值为undefined,将country赋值为undefined，如果提供了键名但与属性名不同且有对应的属性