8个JavaScript技巧

以下是8个有用的JavaScript技巧：

1. 使用解构赋值：

const obj = { name: 'Alice', age: 25 };const { name, age } = obj;console.log(name); // 输出 'Alice'console.log(age); // 输出 25

1. 使用默认参数：

function greet(name = 'Anonymous') {  console.log(`Hello, ${name}!`);
}
greet(); // 输出 'Hello, Anonymous!'greet('Bob'); // 输出 'Hello, Bob!'

1. 使用展开运算符：

const arr = [1, 2, 3];const newArr = [...arr, 4, 5];console.log(newArr); // 输出 [1, 2, 3, 4, 5]

1. 使用模板字面量：

const name = 'Alice';const greeting = `Hello, ${name}!`;console.log(greeting); // 输出 'Hello, Alice!'

1. 使用箭头函数：

const sum = (a, b) => a + b;console.log(sum(2, 3)); // 输出 5

1. 使用数组方法：

const arr = [1, 2, 3, 4, 5];const doubledArr = arr.map(num => num * 2);console.log(doubledArr); // 输出 [2, 4, 6, 8, 10]

1. 使用对象简写：

const name = 'Alice';const age = 25;const obj = { name, age };console.log(obj); // 输出 { name: 'Alice', age: 25 }

1. 使用事件委托：

document.addEventListener('click', event => {  if (event.target.classList.contains('btn')) {    console.log('Button clicked!');
  }
});

这些JavaScript技巧可以帮助你提高开发效率，使代码更简洁、易读和功能强大。