Gist fefe34600946bdbccd93fc2b6728aefe

100%

Gist fefe34600946bdbccd93fc2b6728aefe

✓ Published0🌍 Public

Last edited Jun 12, 2019

Created on Jun 12, 2019

This example shows a JavaScript promise used to model a conditional request for a new phone. The code defines a `Promise` constructor that resolves with a phone object when a boolean flag `isMonHappy` is true, and rejects with an error otherwise. The `askMon` function calls the promise, chaining `.then()` to log the resolved phone details and `.catch()` to log the rejection message. The demonstration relies solely on native promise syntax and `console.log` for output, with no external libraries or rendering.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 4ff85e89516594d9399c15b3c436878f

This example demonstrates JavaScript Promise patterns for asynchronous server communication, showing fetch(), .then(), .catch(), Promise.all/race, custom Promise construction, and async/await syntax. The code samples use the browser's built-in fetch() API against document.URL.toString() to simulate server checks, with console.log output for results and error handling. It also includes a setTimeout-based delay Promise example to illustrate timing control. The gist serves as educational reference material, contrasting Promise chains, custom Promise creation, and sugar-syntax async functions.

MMistyBlunch

68% match

Loading thumbnail…

Gist 5c673a7db6d8612eda9dee50ff2e4b80

This example demonstrates asynchronous file reading and HTTP request handling in Node.js. It shows how to extract the first line from a local file and retrieve the HTTP status code from a remote URL using two separate promise-based functions. The code uses Bluebird’s `Promise` constructor, Node’s `fs.readFile` API, and the `request` library for network requests. Each function returns a promise that resolves with the extracted data or rejects on error, illustrating a modular approach to handling I/O operations with promise chaining.

MMailnickko

60% match

Loading thumbnail…

Gist f25f852eb839dbcd3dd2a6c7048c37ee

This example demonstrates a promise-based HTTP wrapper for fetching data from the JSONPlaceholder API. The code defines a `makeRequest` function that constructs a request path from user-supplied command-line arguments, using Node’s built-in `http` module to send a GET request to `jsonplaceholder.typicode.com`. It parses the response body as JSON and resolves the promise with the parsed data, while rejecting with an error message for non-200 status codes. The module exports the function for reuse.

PPeleke

60% match

Loading thumbnail…

Basic promise structure

This example demonstrates a basic promise chain controlling sequential execution of asynchronous functions triggered by a user click. It shows how JavaScript Promises manage ordered flow, with each function logging its completion status before resolving. The code uses native Promise constructors and the `.then()` method to chain `function1()`, `function2()`, and `function3()` after an initial `initialFunction()`. The interaction is tied to a jQuery click handler on `#loadAudio`, and all resolutions print colored console messages via `console.log`. No data sources or visual outputs are involved; the focus is purely on the control-flow pattern.

LLayne Smith

59% match

Loading thumbnail…

HTML Starter

This example displays the text “Promise Test” in large, centered type using basic HTML and CSS styling. It demonstrates JavaScript Promise usage in a minimal page context, logging “Hello JavaScript!” to the console on load and resolving a delayed Promise after two seconds. A second Promise, created with setTimeout, logs a message after five seconds. The code uses vanilla JavaScript’s Promise API alongside the console.log method, with no external libraries or data sources.

JJames Song

59% match

Loading thumbnail…

promise

This example demonstrates the use of native JavaScript Promises within a D3.js v5 visualization. It logs a message to the console and returns a Promise that resolves, showcasing asynchronous control flow alongside a simple HTML page. The code loads D3 from UNPKG, uses an ES6 module for a text message, and renders the message "Hello VizHub!" in large centered text via CSS styling. The visualization highlights how Promises integrate with D3’s event-driven environment.

Ppei9223

58% match

Loading thumbnail…

Gist 7a408ae6b97507c83e6613316e32a9c7

This example contrasts two JavaScript approaches for fetching GitHub user data from the GitHub REST API. It uses the Fetch API to request `https://api.github.com/users/mistyblunch` and logs the resulting JSON. The first method chains `.then()` callbacks in a Promise-based function, while the second defines an `async` function that uses `await` to handle the response and return the parsed JSON object. Neither function performs any visualization or rendering—only console output.

MMistyBlunch

57% match

Loading thumbnail…

Async/await 4

This example visualizes JavaScript promise chains as animated, interactive force-directed graphs using D3’s `d3.forceSimulation`. The code shows two parallel promise sequences—one resolving `doA`, `doB`, and `doC` sequentially, and another matching a separate `do()` function—each drawn as nodes and links on a canvas. The graph uses D3’s force layout to position nodes, with links updating in real time as promises resolve. The rendering relies on D3’s canvas API, and the data source is the hardcoded promise structure from the gist, not external input. The animation communicates the order and dependency of asynchronous calls.

PPanJ

55% match