1. let 和 const：
ES6 引入了 let 和 const 关键字，用于声明变量。相较于 var，它们具有块级作用域，解决了 var 常见的变量提升问题。
let x = 10;
const PI = 3.14;
2. 箭头函数：
箭头函数是一种更简洁的函数定义方式，省略了 function 关键字，并且不会创建自己的 this，而是继承外层作用域的 this。
const add = (a, b) => a + b;
3. 模板字符串：
模板字符串允许在字符串中嵌入变量，使用反引号（）进行定义，提高了字符串的可读性和拼接的灵活性。
let name = "World";
let greeting = `Hello, ${name}!`;
4. 解构赋值：
解构赋值允许从数组或对象中提取数据并赋值给变量，使代码更简洁。
const [a, b] = [1, 2];
const { x, y } = { x: 1, y: 2 };
5. 默认参数：
函数参数可以有默认值，简化了函数调用时的参数传递。
function greet(name = "Guest") {
console.log(`Hello, ${name}!`);
}
6. 类：
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.`);
}
}
7. 模块化：
ES6 支持模块化，通过 import 和 export 关键字进行模块的导入和导出，有助于组织和管理大型代码库。
// math.js
export const add = (a, b) => a + b;
// app.js
import { add } from './math';
8. Promise 和 异步/await：
ES6 引入了 Promise 对象，用于更优雅地处理异步操作。ES8（ES2017）引入的异步/await 语法则使异步代码更易读、易写。
const fetchData = () => {
return new Promise((resolve, reject) => {
// 异步操作
if (/* 操作成功 */) {
resolve(data);
} else {
reject(error);
}
});
};
const fetchDataAsync = async () => {
try {
const data = await fetchData();
console.log(data);
} catch (error) {
console.error(error);
}
};
9. 其他特性：
ES6 还引入了许多其他特性，包括新的数据结构（Map 和 Set）、迭代器、生成器、新的数组和字符串方法等。
这些特性的引入使得 JavaScript 语言更加现代化和强大。在实际项目中，使用 ES6 可以提高开发效率，并使代码更加清晰和易于维护。
转载请注明出处：http://www.zyzy.cn/article/detail/4661/ES6