JavaScript 实用技巧

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!"