Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
こんにちは!小田島です。前回の「コールバック編」を納稿したとき、アイキャッチ画像はJavaScriptのロゴにタイトルの文字を入れただけというとんでもないやっつけ仕事だったのですが、さくナレ編集部の方に「シリーズで理解が深まる」というすごい煽り文句がついたとてもカッコいい画像に差し替えていただきました。アイキャッチ詐欺にならないようにがんばります。 非同期処理シリーズの2回目はPromiseについての説明です。前回はコールバックについて説明しましたが、Promiseを使うことでどのように便利になったのでしょうか。それでは見ていきましょう!今回はコードが多いのでかなり分量が多く感じられるかもしれませんが、実際はあまり大したことはありません。 今回の目的 今回説明するのはPromiseです。これはFutureパターン(Promiseパターン)というデザインパターンの一種で、ECMAScript
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
はじめに~同期処理と非同期処理について~ 本記事では JavaScript の非同期処理を扱うための Promiseという仕組みについて取り上げます。 JavaScript、とくにサーバーサイドで利用されるNode.js では非同期処理を利用するAPIが多数出てきます。 Promise の仕組みを理解しておくとプログラムの作成がはかどるはずです。 まず本題へ入る前に『同期処理』と『非同期処理』について説明させていただきます。 JavaScript の同期処理 同期処理とは上から順番に処理されていくことです。 処理が終了するのを待ってから、次の処理を実行します。 1console.log(1); 2console.log(2); 3console.log(3); [結果] 1 2 3 JavaScript の非同期処理 非同期処理とは、1つの処理が終了するのを待たずに、次の処理を実行すること
Promiseを使ったループ処理のサンプルはいくつかあるけど、 Promiseの結果を使ってwhileっぽく処理するやり方があまりなかったのでメモ。 変なところやもっといいやり方があればコメントください function loopUnit() { return new Promise(resolve => { /* ループ処理本体 */ resolve(result) }) } function looper() { return new Promise(resolve => { // 永久ループにならないように限界条件を入れる (optional) if ( /* 限界条件 */) { resolve() return } // ループ処理 loopUnit().then(result => { if ( /* while条件 */ ) { looper().then(() => res
イントロダクション JavaScript を使う上で非同期処理、特に promise を理解することは非常に重要である。async/await も promise の上に成り立っているので、promise を理解して始めて正しく使うことができる。この記事では JavaScript における非同期処理をどのくらい理解できているかをチェックするための問題を紹介する。 それぞれのコードについて、実行したときにコンソールに何がどういう順序で出力されるかを考えてみよう。なお、コードはブラウザーで実行するものとし、解答は ECMAScript Specification と HTML Living Standard に沿ったものとなっている。 🚗 初級 問題1.1 const p1 = Promise.resolve(1) const p2 = p1.then(x => x * 2) console
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く