JavaScript：能否在返回对象时阻止原函数执行？

答案是无法直接阻止已经执行的代码，但可以通过延迟执行核心逻辑的方式模拟你要的效果——根据后续是否调用返回对象的方法，决定是否执行原函数中的部分逻辑。

针对第一个示例的实现 #

原代码中console.log(a)是立即执行的，我们可以把这部分逻辑延迟到微任务中，先判断是否调用了.add()方法，再决定是否执行：

function number(a) {
  let hasCalledAdd = false;

  const result = {
    add: b => {
      hasCalledAdd = true;
      console.log(a + b);
    }
  };

  // 利用微任务延迟执行，确保先处理同步调用的.add()
  Promise.resolve().then(() => {
    if (!hasCalledAdd) {
      console.log(a);
    }
  });

  return result;
}

number(6).add(4); // 仅打印 10
number(6); // 打印 6

针对实际场景的update函数实现 #

同样的思路，把立即更新对象的逻辑封装起来，延迟到微任务中判断是否调用了.if()方法：

function update(obj, props) {
  // 封装核心更新逻辑
  const applyUpdate = () => {
    for (const p in props) {
      obj[p] = props[p];
    }
  };

  let hasCalledIf = false;

  const result = {
    if: condition => {
      hasCalledIf = true;
      // 检查条件是否全部满足
      const isConditionMet = Object.entries(condition).every(([key, val]) => {
        return obj[key] === val;
      });
      if (isConditionMet) {
        applyUpdate();
      }
    }
  };

  // 微任务中判断：未调用.if()则直接更新
  Promise.resolve().then(() => {
    if (!hasCalledIf) {
      applyUpdate();
    }
  });

  return result;
}

const obj1 = {z: 0, h: 0};
const obj2 = {a: 0, b: 'hi'};

update(obj1, {z: 10, h: 10}); // 直接更新obj1
update(obj2, {a: 100, b: 'hello'}).if({a: 'x', b: 'y'}); // 条件不满足，obj2无变化

console.log(obj1); // { z: 10, h: 10 }
console.log(obj2); // { a: 0, b: 'hi' }

原理说明 #

JavaScript是单线程语言，代码执行遵循同步任务→微任务→宏任务的顺序。我们把原本要立即执行的核心逻辑放到微任务中，就能确保先完成同步阶段的所有操作（包括调用返回对象的方法），再根据标记判断是否执行核心逻辑。这不是真正“阻止”原函数执行，而是通过延迟执行实现了类似的效果。

内容的提问来源于stack exchange，提问作者asnaeb