异步函数闭包问题：仅返回Promise而非目标函数

你的核心问题是**outer被定义为async函数**，而async函数的返回值会自动被包装成Promise，所以const closure = outer()得到的是Promise，不是你想要的inner函数。下面是修正方案，同时保留闭包状态、优化异步逻辑：

关键修正点 #

• 去掉outer的async修饰符：outer内部没有异步操作，只是返回闭包函数，不需要async
• 修复inner里的语法错误：比如await不需要额外括号、then/catch的括号匹配问题
• 优化状态初始化：避免初始undefined导致的判断错误，给step1、step2设置初始状态（比如'pending'）
• 调整错误处理逻辑：确保异步操作失败时，后续步骤不会执行

修正后的完整代码 #

function outer() {
    // 初始化状态，避免undefined的判断问题
    let step1 = 'pending';
    let step2 = 'pending';

    async function inner() {
        // 处理step1：未完成或失败时重试
        if (step1 !== 'ok') {
            try {
                await fetch('你的请求地址');
                step1 = 'ok';
            } catch (e) {
                step1 = 'error';
                // 失败时直接返回，不继续后续步骤
                return;
            }
        }

        if (step1 !== 'ok') return;

        // 处理step2：逻辑同step1
        if (step2 !== 'ok') {
            try {
                await something('你的操作参数'); // 替换成实际异步函数
                step2 = 'ok';
            } catch (e) {
                step2 = 'error';
                return;
            }
        }

        if (step2 !== 'ok') return;

        // 执行核心逻辑
        dostuff();
    }

    return inner;
}

// 获取inner函数，而非Promise
const innerFn = outer();

// 绑定按钮事件
document.getElementById('yourButtonId').addEventListener('click', innerFn);

// 模拟用到的函数
async function something(param) {
    // 替换成实际异步逻辑
    return new Promise(resolve => setTimeout(resolve, 1000));
}

function dostuff() {
    console.log('核心逻辑执行');
}

逻辑说明 #

• 闭包innerFn会永久保留step1和step2的状态，重复点击按钮时：
  • 如果step1已经是ok，会跳过该步骤的异步请求
  • 如果step1是error，每次点击都会重试请求，直到成功
  • step2的逻辑和step1完全一致
• 全程没有使用全局变量，状态完全被闭包封装，避免全局污染

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