优化多个if...else

最新推荐文章于 2024-03-21 13:49:26 发布

原创最新推荐文章于 2024-03-21 13:49:26 发布 · 336 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种将冗长的if...else结构优化的方法，通过使用对象映射的方式减少代码重复并提高可读性和可维护性。

做项目时经常会写多个if…else，此时如果领导让我们优化，该怎么优化呢

假如优化以下代码：

function speak(name) {
      if (name == "小狗") {
        console.log("小狗汪汪叫");
      } else if (name == "小猫") {
        console.log("小猫喵喵叫");
      } else if (name == "鸭子") {
        console.log("鸭子嘎嘎叫");
      } else {
        console.log("不要叫");
      }
    }
    // 优化以上代码

    speak("小狗")

下面是同事提供的一种思路

   function speak(name) {
      const mapName = {
        "小狗": () => console.log("小狗汪汪叫"),
        "小猫": () => console.log("小猫喵喵叫"),
        "鸭子": () => console.log("鸭子嘎嘎叫"),
      }
      if (mapName[name]) mapName[name]();
        else console.log("不要叫");
    }
      speak('小狗') // 小狗汪汪叫