[B! javascript][promise] slay-tのブックマーク

slay-t id:slay-t

javascriptとpromiseに関するslay-tのブックマーク (14)

JavaScriptの非同期処理をじっくり理解する (2) Promise
対象読者と目的非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある実行順序の保証がよくわからないので自信をもってデプロイできない変更があるより詳しい仕組みを理解することでより計画的な実装をできるようになりたいという動機で書かれた記事です。同様の課題を抱える人を対象読者として想定しています。目次実行モデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆中) 未定用語に関する注意前回定義した以下の用語を今回も使います。 1 tick ... タスクキューが1周すること。 1 microtick ... マイクロタスクキューが1周すること。これらの単位は非同期処理の間の相対的な優先順
slay-t 2021/10/04
javascript

ECMAScript

非同期

202109

promise

仕組み

sync
リンク
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️🎀 JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめにコールバック地獄 Promiseの構文イベントループ: Microtasksと(Macro)tasks AsyncとAwait はじめに JavaScriptのコードが期待通りに実行されないことに悩まされたことはないですか？おそらく、関数が不規則に実行されたり、予測できないタイミングで実行されたり、実行が遅れたりしたことがあるかもしれません。そして、ES6で導入された新機能Promiseが原因かもしれません！何年も
slay-t 2020/05/20
javascript

画像

async

promise

非同期

await

GIF

プログラミング
リンク
⭐️🎀 JavaScript Visualized: Promises & Async/Await
DEV Community Follow A space to discuss and keep up software development and manage your software career
slay-t 2020/04/16
function

dev

*JavaScript

javascript

async

community

Promise
リンク
JavaScript の async/await の仕様をずっと誤解していた
すごい初歩的なことかもしれないのだけれど、年単位ぐらいで誤解したままコードを書いていたので懺悔のためにも書いておく...。何が違ったかというと、async function の扱いである。async function も function と同じだとおもっていて、 Promise を返さないと呼び出し側で await できないと勘違いしていた。そのため、今までは
slay-t 2018/06/20
async

javascript

function

コード

promise

await
リンク
Promiseに出来てasync/awaitに出来ないこと (JavaScriptを例として) - FOOBAR's Blog
JavaScriptで非同期処理をasync/awaitを使って同期的なスタイルで書いていると、すべてのコードをそのスタイルで統一して書きたくなる。なので非同期処理を開始して実行を明け渡したいときはもちろんawaitを使うし、非同期処理に失敗したときはtry-catch構文で例外ハンドラに制御が移るようにする。ただ、同期的なスタイルで書けない処理が存在するために、どうしてもすべてを統一することはできない。Direct styleで書けないcontrolは継続渡しスタイル(CPS)を使って書くしかないからだ。 JSの場合でいうと、並行制御周りがそれにあたる。Promise.all() や Promise.race() などは対応する構文がJS側に存在しない。例えば Promise.all() に対応する awaitall みたいな構文が言語側に欲しくなる。こんなふうに: const [x,
slay-t 2018/05/14
blog

const

async

js

javascript

Promise

programming

await
リンク
最速のPromiseライブラリ作る方法 - Qiita
はじめに AigleというPromiseライブラリを開発しています。このライブラリはベンチマーク上だけでなく実際の本番環境を考慮した高速化を実現しています。今回はその過程でBluebirdに大変お世話になったので、なぜBluebirdが速いのか、そしてなぜAigleが速いのかついて説明したいと思います。基本的なPromiseの知識まず本題に入る前にPromiseの基本的なことを説明しておきます。 Promiseにはpending, fulfilled, rejectedの３つの状態があります。一度pendingから別の状態に変わった場合は、そのPromiseの状態が変わることはありません。 (引用: MDN) またPromiseは非同期であることが保証されています。この事は少し重要なので触れておきます。
slay-t 2017/02/28
array

JavaScript

promise
リンク
JavaScriptのPromiseの概念について学習した時に参考にしたもの - $shibayu36->blog;
JavaScriptのPromiseを使った実装をコードレビューしていたのだけど、やってみたら自分があんまりPromiseについて理解できていなかったことに気づいた。特にこれまでjQueryのajaxやjQuery Deferredをなんとなく使っていたのだが、Promiseの根本的な概念がjQueryの巨大な仕様の中に埋もれていて、自分の中でjQueryの機能とPromiseの概念を分離して正しく言語化出来ていなかった。そこでPromiseの根本的な概念を再学習したので、何を参考に勉強したかを書いておく。 PromiseについてはとにかくJavaScript Promiseの本を読めば大体把握できる。このドキュメントを読めば Promiseの概念 ES6 Promiseの利用方法 Deferredとの関係性などといったことを知ることができる。個人的には次の部分が特に参考になった。
slay-t 2016/09/01
deferred

jQuery

promise

javascript
リンク
Promise/非同期のテストを簡単にする新しいアサーションヘルパーのご紹介
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
slay-t 2014/12/19
function

JavaScript

promise
リンク
「１から100まで出力する」のJavaScriptのPromise使った例 - mizchi's blog
追記：冷静になるとこの記事なんか変なので、あとで修正します。参照しないように。 forやめろ -- LL Diver 2014 LT枠 forを使わないループ、簡単な例はみんな思いつくからいいとして、一番ややこしいやつ考えてたんだけど、やっぱり無駄にPromise酷使する例だと思った。追記：この例はちょっとミスってた。正しいコードを末尾に載せる CoffeeScript # Serialized Sync Promise [1..100] .map (i) -> new Promise (d) -> console.log i; d() .reduce ((l, p) -> l.then p), Promise.resolve() JavaScript (function() { _results = []; for (_i = 1; _i <= 100; _i++){ _results
slay-t 2014/08/25
function

console

JavaScript

promise

実装テク

コメントした
リンク
http://www.enoie.net/blog/2014/08/node-js%E3%80%80-%E9%9D%9E%E5%90%8C%E6%9C%9F%E5%87%A6%E7%90%86%E3%82%84q%E3%81%AE%E8%A9%B1/
slay-t 2014/08/11
function

promise

JavaScript

node.js
リンク
[JavaScript] 非同期処理のコールバック地獄から抜け出す方法 - Qiita
JavaScript (Node.js) で開発する上で避けては通れない非同期処理、コールバックについて考えてみたい。自分なりのお勧めの方式を書いてみた。いろいろなものを試した結果である。 ※この記事でのお勧めの方法は ES2015 (ES6) で実装された generators (yield) の技術を使用しています。実はまだ Babel(6to5) 等を利用するか Node.js v4～v8 でしか実質的に使用できない技術だと思います。悪しからず。 (早く全てのブラウザに広く普及する事を祈っています) まだブラウザでは独自ライブラリか Promise (Deferred) 等を使っています。 ※2015/10/15: 記事の内容を npm aa (async-await) に対応させました。 ※2015/04/19: 記事の内容を npm co@4 に対応させました。 ※20
slay-t 2014/05/23
async

deferred

JavaScript

Node.js

promise

プログラミング

あとで読む

programming

あとで試す

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

es6

promise

programming

tech
リンク
Node.jsにPromiseが再びやって来た！ - ぼちぼち日記
tl;dr サンプルコードを付けたら記事がかなり長くなってしまったのでご注意下さい。 Node.jsの current master で V8がアップデートされ ES6の Promise が使えるようになりました（要オプションですが）。Promise を使うと Node.jsの非同期処理がどのようになるのか、Stream と Promise を組み合わせた使い方なども含めて紹介します。 1. はじめに Nodeの次期安定版 v0.12は、すぐ出ると言われながら既に v0.10のリリースから１年が過ぎてしまいました。現在、v0.12の主要な新機能の実装は完了していますが、まだ安定版のリリースに向けて手当できていない部分が残っている感じです。そんな残っている部分の一つだった V8 のアップデートが先週末に行われました。 deps: update v8 to 3.24.40 (3/19現在は
slay-t 2014/03/19
js

JavaScript

development

node.js

promise

node

V8

nodejs

tech

es6
リンク
jQueryのDeffered/Promiseを会得した(いまごろ) - ただのにっき(2013-04-17)
■ jQueryのDeffered/Promiseを会得した(いまごろ) なんか最近、やたらと非同期処理の文脈で「promise」というキーワードを見ることが増えて、なんか流行ってんのかなーくらいにしか思ってなかったんだけど、実はjQuery.ajaxを使っているときに恩恵を受けていたことを(いくつか実装してみて)ようやく理解したのであった。Deffered/Promiseが実装されたのは、もう2.0もなろうというjQueryが1.5のころの話である。鈍すぎる……。というのも、あんまり理解せずにコピペしていたからなんだよな。かつてはこんな感じに書いていたjQuery.ajaxの呼び出しが: jQuery.ajax({ type: 'POST', url: '/', ..., success: function(){...}, error: function(){...} }); 何かのソ
slay-t 2013/04/18
jQuery

jQuery

ajax

開発

javascript

MyInterest

async

deferred

promise
リンク
1