在 JavaScript 中，我们可以使用 ES 新特性来提高代码的可读性、可维护性和性能。以下是一些常用的 ES 新特性及其用法： 1. 箭头函数：箭头函数是一个新的函数语法，它可以更简洁地书写函数，并且可以避免 this 指向问题。例如： ``` // 传统写法 function add(a, b) { return a + b; } // ES6 箭头函数 const add = (a, b) => a + b; ``` 2. 解构赋值：解构赋值可以让我们从对象或数组中快速提取数据并赋值给变量。例如： ``` // 传统写法 const obj = { name: 'Alice', age: 20 }; const name = obj.name; const age = obj.age; // ES6 解构赋值 const { name, age } = { name: 'Alice', age: 20 }; ``` 3. 模板字符串：模板字符串可以更方便地拼接字符串，并支持换行和表达式。例如： ``` // 传统写法 const str = 'Hello, ' + name + '!'; // ES6 模板字符串 const str = `Hello, ${name}!`; ``` 4. let 和 const：let 和 const 是块级作用域的变量声明方式，可以解决传统 var 带来的一些问题。例如： ``` // 传统写法 var count = ; for (var i = ; i < 10; i++) { count += i; } console.log(i); // 10 // ES6 let 和 const let count = ; for (let i = ; i < 10; i++) { count += i; } console.log(i); // 报错，i is not defined ``` 5. 类：ES6 中引入了类的概念，可以更方便地创建对象和继承。例如： ``` // 传统写法 function Animal(name) { this.name = name; } Animal.prototype.sayName = function () { console.log('My name is ' + this.name); }; // ES6 类 class Animal { constructor(name) { this.name = name; } sayName() { console.log(`My name is ${this.name}`); } } ``` 除了以上这些特性，ES6 还引入了很多其他特性，如 Promise、async/await、Set/Map 等。使用这些新特性可以让我们更高效地编写 JavaScript 代码，提高开发效率和代码质量。