嘿，这个需求其实用几行代码就能轻松搞定！核心思路就是用一个状态标记来跟踪下一次要调用的函数，每次触发toggleFunction时执行当前函数，然后切换状态即可。

方案1：全局状态变量（简单直接） #

这种方式最直观，适合简单的场景：

// 先定义你的两个目标函数
function A() {
  console.log("执行函数A");
  // 这里写A的具体逻辑
}

function B() {
  console.log("执行函数B");
  // 这里写B的具体逻辑
}

// 初始化状态：第一次调用先执行A
let nextToCall = A;

function toggleFunction() {
  // 执行当前要调用的函数
  nextToCall();
  // 切换下一次的目标函数
  nextToCall = nextToCall === A ? B : A;
}

• 第一次点击按钮调用toggleFunction时，会执行A()，之后把nextToCall切换为B；
• 第二次点击就会执行B()，再把nextToCall切回A，以此循环交替。

方案2：闭包封装状态（更优雅） #

如果不想暴露全局变量，可以用闭包把状态封装起来，避免污染全局作用域：

function A() {
  console.log("执行函数A");
}

function B() {
  console.log("执行函数B");
}

// 创建一个闭包来维护状态
const toggleFunction = (function() {
  let next = A;
  return function() {
    next();
    next = next === A ? B : A;
  };
})();

这里的状态变量next被包裹在匿名函数内部，外部无法直接修改，代码更安全整洁。

两种方案都能完美实现你要的“切换调用”效果，根据你的场景选就行~

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