ES6的新特性有哪些?

ES6(ECMAScript 2015)是JavaScript语言的一个版本，它在语法、对象、函数、数组、字符串等方面都有很大的改进和扩展，本文将详细介绍ES6的一些新特性，帮助你更好地理解和掌握这一版本的JavaScript。

（图片来源网络，侵删）

1. 变量声明(let和const)

在ES6之前，JavaScript使用var关键字来声明变量，但var有一个缺点，那就是它会在全局作用域中查找变量，这可能导致意外的全局污染，为了解决这个问题，ES6引入了两个新的关键字：let和const。

let:用于声明块级作用域的变量，与var不同，let不会在全局作用域中查找变量。

（图片来源网络，侵删）for (let i = 0; i < 3; i++) { console.log(i);}// 输出 0 1 2

const:用于声明块级作用域的常量，一旦给一个常量赋值，它的值就不能再改变。

const PI = 3.1415926;console.log(PI); // 输出 3.1415926PI = 2.7182818; // 报错，因为常量的值不能被修改

2. 箭头函数(=>)

ES6引入了箭头函数(=>),它是一种更简洁、更易读的函数表达式，箭头函数允许你用更少的代码表示函数，同时保持函数的词法作用域。

（图片来源网络，侵删）const add = (a, b) => a + b;console.log(add(1, 2)); // 输出 3

3. 模板字符串(Template Strings)

模板字符串是一种新的字符串字面量表示方法，它允许你在字符串中嵌入表达式，使用反引号( )包围字符串，模板字符串使用${}插入表达式。

const name = "张三";const age = 18;const str = 我的名字是${name},我今年${age}岁。;console.log(str); // 输出 我的名字是张三，我今年18岁。

4. 解构赋值(Destructuring Assignment)和解构属性(Destructuring Properties)

解构赋值和解构属性允许你从数组和对象中提取值，并将它们重新赋值给变量，这使得代码更简洁、易读。

解构赋值：从数组中提取值并赋值给变量。

const arr = [1, 2, 3];const [a, b, c] = arr;console.log(a); // 输出 1console.log(b); // 输出 2console.log(c); // 输出 3

解构属性：从对象中提取属性并赋值给变量，注意对象必须具有指定的属性。

const obj = { x: 1, y: 2 };const { x, y } = obj;console.log(x); // 输出 1console.log(y); // 输出 2

5. Promise(Promise)

Promise是一种异步编程解决方案，它允许你处理异步操作，如网络请求、文件读写等，Promise有三种状态：pending(进行中)、fulfilled(已成功)和rejected(已失败)，Promise还可以链式调用.then()和.catch()方法处理结果或错误。

new Promise((resolve, reject) => { setTimeout(() => { resolve('成功'); }, 1000);}).then((result) => { console.log(result); // 输出 "成功"}).catch((error) => { console.log(error); // 如果发生错误，这里会捕获到错误信息});

6. Class(类)和extends关键字(继承)

ES6引入了基于原型的类定义方式，使用class关键字，通过使用extends关键字，你可以实现类的继承，子类可以继承父类的属性和方法，你还可以使用装饰器(Decorator)为类添加元数据和行为。