[B! JavaScript][promise] ngzmのブックマーク

JavaScriptの非同期処理をじっくり理解する (1) 実行モデルとタスクキュー

対象読者と目的非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある実行順序の保証がよくわからないので自信をもってデプロイできない変更があるより詳しい仕組みを理解することでより計画的な実装をできるようになりたいという動機で書かれた記事です。同様の課題を抱える人を対象読者として想定しています。目次実行モデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆中) 未定入門記事へのリンクプロミスの使用 - JavaScript | MDN Promise, async/await (現代の JavaScript チュートリアル) JSの初心者にPromiseとasync/awaitの使い方

ngzm 2021/09/26

リンク

Promiseで簡単！JavaScript非同期処理入門【後編】

前回に引き続き、ECMAScript 2015（ECMAScript 6）で新たに追加されたPromiseについて、その概要を全2回に渡って紹介します。今回は後編です。前回のおさらい前回は、こんなふうにPromiseを使うという例を紹介しました。それは、以下のようにAjaxでAPIにアクセスする例でした。 var fetchSomething1 = function() { return new Promise(function(resolve, reject) { // API1にアクセス doAjaxStuff(someOptions1, { success: function(data) { // 成功した場合 resolve(); }, fail: function() { // 何かしらエラーが発生した場合 reject({ message: 'APIにアクセスできませんでし

ngzm 2017/07/22

リンク

JavaScript Promiseの本

この書籍はCreative Commons Attribution-NonCommercialのライセンスで公開されています。また、PDFとしてレンダリングしたバージョンは以下からダウンロードすることができます。

ngzm 2017/01/11

リンク

Promiseについて - JS.next

概要 Promiseとは非同期処理を上手く扱う為のAPIであり、パターンである。非同期の処理の完了後に続けて処理を行いたいとき、よくコールバックパターンが使われるが、処理が連続するとコールバック地獄と言われる分かりづらいソースコードになってしまう。また、複数の非同期処理が完了した時に処理を行うなど、コールバックパターンでは難しい事をスマートにできるのがこのPromiseである。今まではDOMの方でDOM Promiseとして仕様策定が進められていたり、ライブラリのDeferredが有名だったが、ES2015標準に入ることになり、V8に実装された。実装されたメソッド Promise.resolve(x) Promise.reject(x) Promise.all( [p1, p2, p3, ......] ) Promise.race( [p1, p2, p3, ......] )

ngzm 2016/03/01

リンク

JSの非同期処理を初めてES6のPromiseを使ったものに書き換えてみた｜TechRacho by BPS株式会社

はじめに「javascriptの非同期処理を同期ぽく綺麗に書けるようになるPromiseというのがある」という話は少し小耳にはさんでいて、便利なんだろなーと思いつつも手が出ていませんでした。意を決してお勉強して、自分の理解を文字に起こしつつ非同期処理をPromiseを使った形式に書き換えていってみたらけっこう分かった気がしましたし、初学者向けの記事になりえるなと思ったので公開します。 PromiseとJavascriptにおけるPromise まずPromiseとはなんぞやってことなんですが、PromiseはFutureというデザインパターンの別名らしいです。 http://ja.wikipedia.org/wiki/Future ちょっと上記から引用すると「future, promise, delay とは、プログラミング言語における並列処理のデザインパターン。何らかの処理を別の