then on Objects
Publikováno: 5.8.2019
Promises were a revelation in JavaScript development, allowing us to enjoy async processing and avoid callback hell. Many new APIs like Battery API, Cache API, and others use the promise API. One fact you may not know is that you can add a then method to any object to make it Promise-like! Let’s create a […]
The post then on Objects appeared first on David Walsh Blog.
Promises were a revelation in JavaScript development, allowing us to enjoy async processing and avoid callback hell. Many new APIs like Battery API, Cache API, and others use the promise API. One fact you may not know is that you can add a then method to any object to make it Promise-like!
Let’s create a generic object with a then method that accepts a resolve function as its argument:
j = { then: resolve => fetch("/").then(resolve) }
With an object featuring a then method, you can call the then method or use await syntax:
j.then(res => console.log(res));
// Response {type: "basic", url: "https://davidwalsh.name/", redirected: false, status: 200, ok: true, …}
// ... or an await...
const response = await j;
// Response {type: "basic", url: "https://davidwalsh.name/", redirected: false, status: 200, ok: true, …}
This technique is interesting and, under the right circumstances, can be employed to represent a logical usage.
Hack or useful? How would you use this perk of then?
The post then on Objects appeared first on David Walsh Blog.