【JavaScript底层】较为彻底的Promise梳理

不定时更新，最终目标是把所有和Promise相关的重点都同步进来！以大纲为主，细节可自查。

Promise

Promise.prototype

• then
• catch
• finally

Promise API

• Promise.all
  并行执行多个Promise，如果任意一个 promise 被 reject，由 Promise.all 返回的 promise 就会立即 reject，并且带有的就是这个 error。
• Promise.allSettled
• Promise.race
• Promise.any
• Promise.resolve/reject
  这俩方法基本上不需要使用，感兴趣可以查一下资料。

Promisification

Promise化，旨在将回调函数转换成返回Promise的函数。

以setTimeout为例

let promise = new Promise(function(resolve, reject) {
  // 当 promise 被构造完成时，自动执行此函数

  // 1 秒后发出工作已经被完成的信号，并带有结果 "done"
  setTimeout(() => resolve("done"), 1000);
});
let promise = new Promise(function(resolve, reject) {
  // 1 秒后发出工作已经被完成的信号，并带有 error
  setTimeout(() => reject(new Error("Whoops!")), 1000);
});

Promise.try()

让同步函数同步执行，异步函数异步执行，并且让它们具有统一的 API 呢(另一种写法是async/await)
// todo 补充

坑

隐式try…catch

如果在“计划的（scheduled）”代码中发生异常，例如在 setTimeout 中，则 try…catch 不会捕获到异常：

try {
  setTimeout(function() {
    noSuchVariable; // 脚本将在这里停止运行
  }, 1000);
} catch (err) {
  alert( "won't work" );
}

因为 try…catch 包裹了计划要执行的函数，该函数本身要稍后才执行，这时引擎已经离开了 try…catch 结构。

为了捕获到计划的（scheduled）函数中的异常，那么 try…catch 必须在这个函数内：

setTimeout(function() {
  try {
    noSuchVariable; // try...catch 处理 error 了！
  } catch {
    alert( "error is caught here!" );
  }
}, 1000);

故，下面的代码不会触发catch

new Promise(function(resolve, reject) {
  setTimeout(() => {
    throw new Error("Whoops!");
  }, 1000);
}).catch(alert);

这里的错误并不是在 executor 运行时生成的，而是在稍后生成的。因此，promise 无法处理它。

参考

《阮一峰es6入门教程》
《你不知道的JavaScript》
《现代JavaScript教程》