Bluebirdの高速化を可能にする、3つのJavaScriptパフォーマンスの基礎 | POSTD
最近Reaktorが掲載した『 Promises made by a Reaktor developer had an impact on the industry article 』で約束した、Bluebird promiseライブラリの製作者であるプログラマのPetka Antonovからの知見です。 Bluebirdは広く使用されているJavaScript用のpromiseライブラリで、同じような機能が実装されているにも関わらず、他のpromiseよりも100倍速いという理由から最初に知られるようになったのは2013年でした。Bluebirdが高速な理由はライブラリ全体にJavaScriptの最適化の基礎を一貫して適応しているからです。この記事ではBluebirdの最適化に使用する3つの重要な基礎について詳細に説明します。 1. 関数オブジェクトの割り当てを最小限に抑える オブジェク
Bluebird で Promise を学ぶ - Qiita
概要 Bluebird は Promise を扱うためのライブラリです。チュートリアルや stackoverflow の回答が充実しており、初心者が学びやすいライブラリです。TC39 で提案されている機能があるので、将来の先取り学習ができます。 Bluebird は Observable を学ぶための準備教材としても評価できます。Observable は Promise、EventEmitter、ストリームなどの複数の概念を統合する概念です。Observable を扱うためのライブラリとして RxJS や xstream が挙げられます。Observable は TC39 で提案されており、将来の標準機能になる可能性があります。 Bluebird をブラウザー版アプリで採用するときの課題はライブラリのファイルの大きさです。より小さなサイズのライブラリに切り換えるか、個別の機能に特化したライ
Angular 2のルーティングで遅延処理を挟む方法 - Qiita
Angular 2の「ルーティング」。SPA (シングルページアプリケーション)でディープリンクを実装する機能がAngular2にも搭載されてます。 ルーティングでページ遷移時に非同期処理を挟むときの方法をまとめました。 動作デモ 実装ポイント HTMLにルーターの参照を入れる (必須) インターフェースを実装する (たぶん必須) ルーティングの遷移時において、非同期処理を挟みたいクラスに、OnActivateとOnDeactivateインターフェースを指定。すると、routerOnActivate()メソッドとrouterOnDeactivate()メソッドの実装が義務付けられます。これがルーティング時のライフサイクルイベントとなります。 import {OnActivate} from "angular2/router"; import {OnDeactivate} from "ang
TypeScript の async/await を理解する その２ async/await - Qiita
前の２つのエントリは、このエントリを調べたいための準備だったのです。 Javascript の yield と generator TypeScript の async/await を理解する その１ Promise やっと本編のasync / await について書くことができます。 Promise で非同期処理の順序性を保証してみる。 Promise によって、非同期処理の書きやすさが一段アップしましたが、async/wait の登場によってさらに素晴らしいものになりました。まずは、Promise で非同期のコード書いてみます。 function waitAndAnswer(message:string) : Promise<any> { console.log("Wait for 3 second."); return new Promise((resolve, reject) =>
JavaScriptプログラミング講座【Promise について】
// ------------------------------------------------------------ // エグゼキューター関数 // ------------------------------------------------------------ function ExecutorFunc( resolve , reject ){ console.log("非同期処理の開始"); // ------------------------------------------------------------ // 1 秒後に実行される関数 // ------------------------------------------------------------ setTimeout(function(){ if(1){ // 成功時 resolve("
How do I access previous promise results in a .then() chain?
I have restructured my code to promises, and built a wonderful long flat promise chain, consisting of multiple .then() callbacks. In the end I want to return some composite value, and need to access multiple intermediate promise results. However the resolution values from the middle of the sequence are not in scope in the last callback, how do I access them? function getExample() { return promiseA
AngularJSで$httpの返すPromiseにどのようにsuccess / errorが追加されているか調べてみた - Qiita
応用可能性の低そうなメモ。 AngularJSの\$httpでは、戻り値のpromiseについて、通常のthenのほかに、success / errorを使うことができます。これはどうしてなのでしょうか？AngularJSのpromiseの隠し仕様で、戻り値の関数名を指定することができるのか、それとも隠しメソッドとして、sucess / errorを持っているのか？などと妄想が膨らんでしまいます。 そこで、AngularJSのコードを読んでみると、大したことはなく、 promise.success = function(fn) { promise.then(function(response) { fn(response.data, response.status, response.headers, config); }); return promise; }; promise.erro
for文の中で非同期関数を使いたいときでも慌てずPromiseする - Qiita
for (var i = 0; i < takusan; i++) { omotai(i, function () { おやっ？ }); } これコールバックの中のものどうやって取るんだ？（だいたい無理） Promiseが使える環境なら、迷わず書けます。 予めPromise化しておくと便利です。bluebirdなどPromise化を助けてくれるライブラリを使うのもいいでしょう。 function omotaiPromise(arg) { new Promise(function (resolve, reject) { omotai(arg, function (err, result) { if (err != null) { reject(err); return; } resolve(result); }); }); }
PromiseとQとBluebird - Qiita
この記事は、さくらインターネット Advent Calendar 2015 2日目の記事です。 コールバック JavaScriptでコーディングしていると、コールバックの多さに頭を抱える時があると思います。JSとブラウザの下のような性質によるものです。 JSは基本的にシングルスレッド JSの実行中にUIを更新することが出来ない ユーザの操作もキューに格納され、処理が完了し次第順次実行される なので、ブロック処理を書くことは難しく、コールバックを使用して非同期処理を実現しています。 コールバックを使用したコードの例として書いてみました。 // ./configファイルを読み取り、その中に書かれた言語の翻訳ファイルを取得する // Node.jsを使用した例 var fs = require("fs"); fs.readFile("./config", function(err, config
ES2017 async/await + Promise で解決できる事、とES2015(ES6) generators (yield) + Promise + npm aa (async-await) で解決できる事 - Qiita
ES2017 async/await と Promise を使うと非同期処理をすごく簡単に処理できる。 とても便利なのだが、それだけでは、どうも機能が足りない様に見える。 この記事は... TL;DR ES2017 async/await を使っても、まだいろいろと課題は残ってるよ。 ES2015 (ES6) generators と npm aa (async-await) だと、より良い解決策があるよ。って話。 以下の図の様な非同期処理フローを考えてみる。 横軸は時間だ。左から右へ時間が流れていくものと考えて欲しい。 縦線は複数の処理を同期させたい、という意味だ。 ES2017 async/await 版のコード例を見てみよう。 'use strict'; //require('babel-polyfill'); // おまじない //require('regenerator').ru
EventEmitterをPromiseに対応させる - Qiita
react-router@1.0.0-rc3を使っていると、onEnterでStoreを更新して、終わってからRouteへ移動したい。Angularで言うui-routerのresolveが欲しいと思っていました。 EventEmitterを継承して.emitをオーバーライドすれば対応可能です。軽くテストを通したライブラリも公開しています。1 具体的には下記のように実装します。 // Dependencies import {EventEmitter} from 'events' // Public class AsyncEmitter extends EventEmitter{ emit(event,...args){ let promises= [] this.listeners(event).forEach(listener=>{ promises.push(listener(...
Promises
Introduction One of the most exciting features introduced in ES6 is generators. Their primary use case is in representing lazy (possibly infinite) sequences. For example, the following function returns the first n positive integers. function count(n){ var res = [] for (var x = 0; x < n; x++) { res.push(x) } return res } for (var x of count(5)) { console.log(x) } We can write a very similar functio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Promise.race() - JavaScript | MDN
http://post.simplie.jp/posts/74
GitHub - tc39/proposal-promise-finally: ECMAScript Proposal, specs, and reference implementation for Promise.prototype.finally
Parse Platform
Promise.all() - JavaScript | MDN
GitHub - mattdesl/promise-cookbook: :orange_book: a brief introduction to using Promises in JavaScript
GitHub - KyleAMathews/superagent-bluebird-promise: Add promise support to superagent using Bluebird
GitHub - lightsofapollo/superagent-promise: Simple/dumb promise wrapper for superagent