#JavaScript #function
  • 五个小技巧让你写出更好的 JavaScript 条件语句
  • 5 Tips to Write Better Conditionals in JavaScript

    关于yuJavaScript条件语句的小技巧

  • 使用 Array.includes 来处理多重条件
  • 少写嵌套，尽早返回

    始终追求更少的嵌套，更早地返回，但是不要过度

  • 使用函数默认参数和解构

    1
    2
    3
    4
    5
    6
    7
    8
    9
    // 解构 —— 只得到 name 属性
    // 默认参数为空对象 {}
    function test({name} = {}) {
      console.log (name || 'unknown');
    }
    //测试结果
    test(undefined); // unknown
    test({ }); // unknown
    test({ name: 'apple', color: 'red' }); // apple

  • 相较于 switch，Map / Object 也许是更好的选择

  • 使用 Array.every 和 Array.some 来处理全部/部分满足条件
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    const fruits = [
        { name: 'apple', color: 'red' },
        { name: 'banana', color: 'yellow' },
        { name: 'grape', color: 'purple' }
      ];
    function test() {
      // 条件：（简短形式）所有的水果都必须是红色
      const isAllRed = fruits.every(f => f.color == 'red');

      console.log(isAllRed); // false
    }
#JavaScript #function