ES5项目遇Promise未定义报错，如何替换实现异步等待？

问题核心 #

1. 旧ES5环境原生不支持Promise，直接使用new Promise会触发'Promise' is not defined错误，而async/await基于Promise实现，自然也无法运行。
2. 原代码中fun1的调用存在语法错误：回调函数被错误地放在fun1()外部用逗号分隔，正确写法是将回调作为fun1的第三个参数传入。

方案一：添加Promise Polyfill（保留异步语法） #

如果仓库允许引入兼容代码，先给环境补上Promise支持，再修正代码：

1. 引入极简Promise兼容代码 #

直接在代码开头加入这段无需外部依赖的Polyfill：

// ES5环境Promise兼容代码
if (typeof Promise === 'undefined') {
  window.Promise = function(executor) {
    var resolveCallback, rejectCallback;
    this.then = function(onResolved) {
      resolveCallback = onResolved;
      return this;
    };
    this.catch = function(onRejected) {
      rejectCallback = onRejected;
      return this;
    };
    executor(
      function(value) { resolveCallback?.(value); },
      function(reason) { rejectCallback?.(reason); }
    );
  };
}

2. 修正原代码并调整逻辑 #

修复fun1的参数错误，同时用Promise链替代async/await（避免ES5环境不支持async语法的问题）：

var getValue = function(path, defaultValue) {
  return new Promise(function(resolve) {
    // 修正：将回调作为fun1的第三个参数传入
    fun1(input1, input2, function(err, result) {
      if (err) {
        resolve(defaultValue);
        return; // 避免重复执行resolve
      }
      resolve(result.Value);
    });
  });
};

// 直接通过then链等待结果并执行后续操作
getValue(KEY, DEFAULT).then(function(count) {
  cpuCount = count;
  // 这里填写cpuCount更新后要执行的逻辑
  // do some stuff
});

方案二：纯ES5回调写法（无依赖最稳妥） #

如果不能添加Polyfill，直接用原生回调嵌套实现异步等待：

var getValue = function(path, defaultValue, callback) {
  fun1(input1, input2, function(err, result) {
    if (err) {
      callback(defaultValue);
      return;
    }
    callback(result.Value);
  });
};

// 调用getValue，在回调中完成cpuCount更新和后续操作
getValue(KEY, DEFAULT, function(count) {
  cpuCount = count;
  // 这里填写cpuCount更新后要执行的逻辑
  // do some stuff
});

这种写法完全基于ES5原生语法，无需任何新特性支持，不会出现兼容性问题。

内容的提问来源于stack exchange，提问作者east.charm