不要再像这样编写 JavaScript

请我喝杯咖啡

我们大多数人都已经习惯了编写 JavaScript 代码。但我们可能还没有掌握一些能够用最少的代码解决问题的新功能。这些技巧可以帮助你编写简洁、优化的 JavaScript 代码。今天，我将总结一些优化的 JavaScript 代码片段，帮助你提升技能。

if (fruit === 'apple' || fruit === 'orange' || fruit === 'banana' || fruit ==='grapes') {
    //code
}

我们可以使用带有值的数组并使用 includes() 方法，而不是使用多个 || (OR) 条件。

if (['apple', 'orange', 'banana', 'grapes'].includes(fruit)) {
   //code
}

if(obj && obj.address && obj.address.postalCode) {
    console.log(obj.address.postalCode)
}

使用可选链（？。）来替换此代码片段。

console.log(obj?.address?.postalCode);

if (first !== null || first !== undefined || first !== '') {
    let second = first;
}

我们不需要编写那么多检查，而是可以使用 || (OR) 运算符以更好的方式编写它。

const second = first || '';

switch (number) {
  case 1:
     return 'one';
  case 2:
     return 'two';
  default:
     return;
}

使用地图/对象以更清晰的方式编写它。

const data = {
  1: 'one',
  2: 'two'
};
//Access it using
data[num]

function doubleOf(value) {
  return 2 * value;
}

使用箭头函数来缩短它。

const doubleOf = (value) => 2 * value