javascript - 遇到一道设计模式的面试题，各位大佬看下如何解决,题目要求是优化这段业务代码？

Question

遇到一道设计模式的面试题，各位大佬看下如何解决,题目要求是优化这段业务代码
条件是布尔值或者函数返回值，cb 是函数

function runTask() {  if(条件A){    cbA()    if(条件B){      cbB()    }  }  if(条件C){    cbC()    if(条件D){      cbD()    }  }}

Answer 1

function A() {  console.log("execute task A");}function B() {  console.log("execute task B");}function C() {  console.log("execute task C");}function D() {  console.log("execute task D");}function runTask() {  const conditionA = () => true;  const conditionB = () => false;  const conditionC = () => false;  const conditionD = () => true;  const processFlows = [      [        [conditionA, A],        [conditionB, B]      ],      [        [conditionC, C],        [conditionD, D]      ]     ];    for(const flow of processFlows) {    for(const [condition, task] of flow) {      if(condition()) task();      else break;    }  }}

Answer 2

function runTask() {    ;(        [            [conditionA, cbA],            [conditionA && conditionB, cbB],            [conditionC, cbC],            [conditionC && conditionD, cbD]        ] as const    ).forEach(([condition, callback]) => condition && callback())}

Answer 3

从题目看不出优化点，有可能是你脱敏的时候搞丢了。

Answer 4

优化的方向有给吗？

我暂时想不出什么优化方案了，蹲一波。

function runTask() {  if (条件A) {    条件B ? cbB() : cbA()  }  if (条件C) {    条件D ? cbD() : cbC()  }}

function runTask(params) {  const items = [    {      validator: (params) => 条件A,      func: () => {        // cbA      },    },    {      validator: (params) => 条件A && 条件B,      func: () => {        // cbB      },    },    {      validator: (params) => 条件C,      func: () => {        // cbC      },    },    {      validator: (params) => 条件C && 条件D,      func: () => {        // cbD      },    },  ];  items.forEach((item) => {    if (item.validator(params)) {      item.func();    }  });}