掌握JS六大实用小知识，轻松提高编程效率！

JavaScript 实用小知识：提升您的编码技能

函数默认值

使用函数默认值，您可以为函数参数指定默认值，从而简化代码并在函数调用时省略参数。例如：

function greet(name = 'World') {
  console.log(`Hello, ${name}!`);
}

greet(); // 输出：Hello, World!
greet('Alice'); // 输出：Hello, Alice!

数组去重

使用 Array.prototype.filter() 方法，您可以创建一个新的数组，其中只包含满足特定条件的唯一元素。例如：

const numbers = [1, 2, 3, 4, 5, 1, 2, 3];
const uniqueNumbers = numbers.filter((value, index, array) => array.indexOf(value) === index);

console.log(uniqueNumbers); // 输出：[1, 2, 3, 4, 5]

对象合并

借助 Object.assign() 方法，您可以轻松地将多个对象合并成一个新的对象。例如：

const obj1 = { name: 'Alice', age: 20 };
const obj2 = { occupation: 'developer', skills: ['JavaScript', 'Python'] };

const mergedObj = Object.assign({}, obj1, obj2);

console.log(mergedObj);
// 输出：{ name: 'Alice', age: 20, occupation: 'developer', skills: ['JavaScript', 'Python'] }

字符串操作

JavaScript 提供了丰富的字符串操作方法，使您可以轻松处理字符串。例如：

const str = 'Hello, World!';

console.log(str.indexOf('World')); // 输出：7
console.log(str.slice(7)); // 输出：'World!'
console.log(str.replace('World', 'Universe')); // 输出：'Hello, Universe!'
console.log(str.toUpperCase()); // 输出：'HELLO, WORLD!'

事件委托

事件委托是一种处理事件的技巧，它可以提高性能并简化代码。通过监听父元素上的事件，您可以处理子元素上的事件。例如：

const parent = document.querySelector('.parent');

parent.addEventListener('click', (e) => {
  // 处理子元素上的点击事件
  if (e.target.classList.contains('child')) {
    console.log('Child element clicked!');
  }
});

最佳实践

遵循这些最佳实践，编写更健壮、更可维护的 JavaScript 代码：

• 使用严格模式
• 使用命名空间
• 使用模块
• 编写单元测试
• 使用代码风格指南

常见问题解答

• 什么是 JavaScript 函数默认值？
  函数默认值允许您为函数参数指定默认值。
• 如何从数组中删除重复项？
  使用 Array.prototype.filter() 方法可以创建一个只包含唯一元素的新数组。
• 如何在 JavaScript 中合并对象？
  使用 Object.assign() 方法可以将多个对象合并成一个新对象。
• JavaScript 中有哪些常用的字符串操作方法？
  JavaScript 提供了 String.prototype.indexOf(), String.prototype.slice(), String.prototype.replace(), String.prototype.toUpperCase() 等方法。
• 什么是事件委托？
  事件委托允许您在父元素上监听事件，并通过事件冒泡处理子元素上的事件。