if优化方案---vue2为例

废话少说，直接来看代码：

简单分支优化：

searchBtn(name) {
      if (name === "小灰灰") {
        console.log("我是小灰灰");
    } else if (name === "懒羊羊") {
        console.log("我是懒羊羊");
    } else if (name === "喜羊羊") {
        console.log("我是喜羊羊");
    } else if (name === "灰太狼") {
        console.log("我是灰太狼");
    } else if (name === "美羊羊") {
        console.log("我是美羊羊");
    } else {
        console.log("我谁也不是");
    }
    
  },

优化方案：

 searchBtn(name) { 
       const describeForNameMap = {
            小灰灰: () => console.log("我是小灰灰"),
            懒羊羊: () => console.log("我是懒羊羊"),
            喜羊羊: () => console.log("我是喜羊羊"),
            灰太狼: () => console.log("我是灰太狼"),
            美羊羊: () => console.log("我是美羊羊"),
            黑大帅: () => console.log("我谁也不是"),
        };
      describeForNameMap[name] ? describeForNameMap[name]() : console.log("我谁也不是");
      },