在多个地方等待异步功能

Question

有了 Promises，我可以有两个单独的“线程”都在等待相同的值：

let trigger;
const promise = new Promise(r => {
  console.log('promise is created *once*');
  trigger = value => {
    console.log('trigger is called *once*');
    r(value);
  }
});

(async () => {
  console.log('A waiting');
  const value = await promise;
  console.log(`A finished, got ${value}`);
})();

(async () => {
  console.log('B waiting');
  const value = await promise;
  console.log(`B finished, got ${value}`);
})();

trigger('hello');
console.log('And *two* things are waiting on the single promise');

我尝试使用 async/await 复制此内容，但无济于事。

下面的sn-p不起作用：

let trigger = async () => {
  console.log('trigger should be called *once*');
  return 'hello';
};

(async () => {
  console.log('A waiting');
  const value = await trigger; // <-- What do I need to put here?
  console.log(`A finished, got ${value}`);
})();

(async () => {
  console.log('B waiting');
  const value = await trigger; // <-- What do I need to put here?
  console.log(`B finished, got ${value}`);
})();

trigger(); // <-- How can this "kick off" the two awaits above?

是否可以在第一个 sn-p 中使用 async/await 编写相同的功能？

如果需要，我可以退回使用 Promise。

Answer 1

对于await，您需要引用单数承诺，因此您不能按需调用函数并让该函数创建承诺，然后在其他地方使用相同的承诺（除非创建promise 也将其保持在状态以返回给其他调用者，例如单例）。

我最初会创建一个单一的 Promise，然后将其发送到异步函数：

const trigger = async () => {
  console.log('trigger should be called *once*');
  return 'hello';
};

async function as1(prom) {
  console.log('A waiting');
  const value = await prom;
  console.log(`A finished, got ${value}`);
}

async function as2(prom) {
  console.log('B waiting');
  const value = await prom;
  console.log(`B finished, got ${value}`);
}

const thePromise = trigger();
as1(thePromise);
as2(thePromise);

不要使用async 来返回一个promise，但是——如果一个函数的目的是创建一个promise，那么明确地执行它——这样，你的代码的意图就更清楚了。 Async 和 await 并没有使 Promise 关键字过时，它只是语法糖，在某些情况下很有用（而在其他情况下则不必要）。