@humanwhocodes/pledge

Pledge

by Nicholas C. Zakas

If you find this useful, please consider supporting my work with a donation.

Description

An implementation of JavaScript promises that matches the ECMA-262 specification as closely as possible. Some differences:

• Intentionally does not address Realm concerns as this isn't important to understanding promises.
• In order to make things more "JavaScripty", some functions in the specification are represented as classes in this package.
• Where variable names were too confusing, I chose to replace them with more meaningful names.

Note: This package is intended only for educational purposes and should not be used in production. There's no reason to use this package because the JavaScript Promise class already implements all of this functionality.

Blog Posts

This package was created as part of the, "Creating a JavaScript promise from scratch," blog post series. If you have questions about this package, please be sure to check out the blog posts:

• Part 1: Constructor
• Part 2: Resolving to a promise
• Part 3: then(), catch(), and finally()
• Part 4: Promise.resolve() and Promise.reject()

Additionally, thanks to my GitHub sponsors the following posts are now or will soon be available:

• Part 5: Promise.race() and Promise.any()
• Part 6: Promise.all() and Promise.allSettled()
• Unhandled rejection tracking (coming soon)

If you found this series and code helpful, please sponsor me on GitHub.

Usage

Node.js

Install using npm or yarn:

npm install @humanwhocodes/pledge --save

# or

yarn add @humanwhocodes/pledge

Import into your Node.js project:

// CommonJS
const { Pledge } = require("@humanwhocodes/pledge");

// ESM
import { Pledge } from "@humanwhocodes/pledge";

Deno

Import into your Deno project:

import { Pledge } from "https://unpkg.com/@humanwhocodes/pledge/dist/pledge.js";

Browser

It's recommended to import the minified version to save bandwidth:

import { Pledge } from "https://unpkg.com/@humanwhocodes/pledge/dist/pledge.min.js";

However, you can also import the unminified version for debugging purposes:

import { Pledge } from "https://unpkg.com/@humanwhocodes/pledge/dist/pledge.js";

API

After importing, create a new instance of Pledge and use it like a Promise:

// basics
const pledge = new Pledge((resolve, reject) => {
    resolve(42);

    // or

    reject(42);
});

pledge.then(value => {
    console.log(value);
}).catch(reason => {
    console.error(reason);
}).finally(() => {
    console.log("done");
});

// create resolved pledges
const fulfilled = Pledge.resolve(42);
const rejected = Pledge.reject(new Error("Uh oh!"));

To watch for unhandled rejections:

// this function is called when any pledge is rejected without a handler
// similar to window.onunhandledrejection
Pledge.onUnhandledRejection = event => {
    const { pledge, reason } = event;

    // cancel warning about this unhandled rejection
    event.preventDefault();
};

// this function is called when a previously unhandled rejection becomes handled
// similar to window.onrejectionhandled;
Pledge.onRejectionHandled = event => {
    const { pledge, reason } = event;
};

Frequently Asked Questions (FAQ)

Why make this package?

Promises have a lot of difficult concepts to understand, and sometimes the easiest way to understand difficult concepts is to put them into a familiar paradigm. In this case, creating an implementation of promises in JavaScript gave me a better understanding of how they work, and hopefully, they will help others understand them better, too.