JavaScript创建Promise

首页发现

开飞机的老张

AGENTS.md Openspec 使用心得从树莓派内网穿透到 Cloudflare Pages Openclaw和博客郊眠寺采石译：我为什么使用Map（和WeakMap）处理DOM节点介绍JavaScript中Symbol 原生JavaScript获取URL参数字符串首字母大写用forEach()遍历对象 JavaScript禁用按钮 JavaScript的FormData JavaScript的Blob 用FileReader读取本地文件 JavaScript的Thenable JavaScript中Promise的reject JavaScript的立即调用函数表达式（IIFE） JavaScript的Promise链用interact.js实现拖拽、缩放、吸附使用bluebird操作Promise JavaScript中Promise的catch函数 JavaScript比较数组

JavaScript创建Promise

kaifeiji.cc · 2023-03-02 · via 开飞机的老张

原文：JavaScript Create Promise

本文简述JavaScript创建Promise的几种方式。

总的来说，JavaScript有4种方式创建Promise：

Promise构造器
静态函数Promise.resolve()和Promise.reject()
Promise链中的then()函数和catch()函数
调用async函数

Promise的构造器只接收一个参数——executor函数。当调用new Promise(executor)时，JavaScript会立即执行executor函数，传入2个参数：resolve()和reject()。

function executor(resolve, reject) {
  typeof resolve; 
  typeof reject; 
}

new Promise(executor);

executor()函数的作用，可以调用resolve()将Promise标记为fulfilled（成功），或调用reject()标记为rejected（失败）。

const success = new Promise(function executor(resolve) {
  resolve('OK');
});

const fail = new Promise(function executor(resolve, reject) {
  reject(new Error('Oops'));
});

const str = await success;
str; 

const err = await fail.catch(err => err);
err.message;

静态函数

Promise.resolve()函数可以创建一个Promise，随后立即变为fulfilled。

const p = Promise.resolve(42);
p.then(v => {
  v; 
});

可以认为Promise.resolve(v)是new Promise(resolve => resolve(v))的简写。

类似的，Promise.reject()函数可以创建一个立即标记为rejected的Promise。

const p = Promise.reject(new Error('Oops!'));
p.catch(err => {
  err.message; 
});

用Promise.reject()时要小心：如果没有在其后加上.catch()，会发生“未处理的Promise异常”。

then()和catch()

在调用.then()或.catch()时，JavaScript会创建一个新的Promise。

const p = Promise.resolve('Hello');

const p2 = p.then(str => `${str} World`);

p2 instanceof Promise; 
p2 === p;

async函数

在调用async函数时，JavaScript会返回一个新的Promise。无论async函数中返回的是什么，JavaScript都会返回一个Promise，一定要在async函数调用时加上await！

async function test() {
  return 42;
}

test() instanceof Promise;

不立即执行

JavaScript的Promise在创建时会立即执行executor函数，从这个角度来看，Promise是“热启动”的。

如果你需要一个“冷启动”的Promise，在创建时不执行，直到用await时才执行，那么你应该使用async函数。每次调用一个async函数都会返回一个新的Promise。

async function getAnswer() {
  return 42;
}

const p1 = getAnswer();
p1 instanceof Promise; 

const p2 = getAnswer();
p2 instanceof Promise; 
p2 === p1;

另一种常见方式是延迟模式，可以创建一个Promise，但是在executor函数之外调用resolve()和reject()函数。

Promise.deferred = function() {
  let resolve = null;
  let reject = null;
  const p = new Promise((_resolve, _reject) => {
    resolve = _resolve;
    reject = _reject;
  });
  return Object.assign(p, { resolve, reject });
};

const p = Promise.deferred();

p.then(v => {
  v; 
});

p.resolve(42);

然而延迟模式是一种反模式，因为executor函数之外发生的同步错误，不会把Promise标记为rejected！



const p1 = new Promise(() => { throw new Error('Oops!'); });
p1.catch(err => {
  err.message; 
});



const p2 = Promise.deferred();
throw new Error('Oops!');

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。原文来自 — 版权归原作者所有。

推荐订阅源

开飞机的老张

静态函数

then()和catch()

async函数

不立即执行