1. 使用 const
和 let
替代 var
在 ES6 之前,我们通常使用 var
声明变量。但如今,推荐使用 const
和 let
,因为它们具有块级作用域,可以避免很多潜在的问题。
const PI = 3.14; // 常量,无法重新赋值 let age = 25; // 变量,可以重新赋值
2. 解构赋值
解构赋值允许一次性地提取数组或对象的多个属性。这使得从数据结构中提取数据变得更加简洁。
// 数组解构 const [name, age] = ['John', 25]; console.log(name); // "John" console.log(age); // 25 // 对象解构 const person = { name: 'John', age: 25 }; const { name, age } = person; console.log(name); // "John" console.log(age); // 25
// 数组解构 const [name, age] = ['John', 25]; console.log(name); // "John" console.log(age); // 25 // 对象解构 const person = { name: 'John', age: 25 }; const { name, age } = person; console.log(name); // "John" console.log(age); // 25
3. 使用箭头函数
箭头函数使得创建匿名函数更加简洁,尤其在使用回调函数时非常有用。
setTimeout(() => { console.log('Execute later after 1 second') }, 1000);
4. 默认参数
ES6 引入了默认参数的功能,允许你为函数的参数设置默认值。
function greet(name = 'John') { console.log(`Hello, ${name}!`); } greet(); // "Hello, John!" greet('Jane'); // "Hello, Jane!"