[解決済み】プロミスの値にアクセスする方法は?
質問
Angularのドキュメントからこの例を見ています。
$q
が、これはおそらくプロミス一般に適用されると思います。以下の例は、彼らのドキュメントからそのままコピーしたもので、彼らのコメントも含まれています。
promiseB = promiseA.then(function(result) {
return result + 1;
});
// promiseB will be resolved immediately after promiseA is resolved and its value
// will be the result of promiseA incremented by 1
この仕組みがよくわからない。もし私が
.then()
の結果に対して、最初の
.then()
を連鎖させることができることは知っています。
promiseB
はプロミスオブジェクトであり、型は
Object
. これは
Number
. では、quot;その値はpromiseAを1だけ増加させた結果になる"とはどういう意味なのでしょうか?
としてアクセスすればいいのでしょうか?
promiseB.value
といった感じでしょうか?成功コールバックがプロミスを返し、かつ "result + 1" を返すにはどうしたらいいでしょうか?私は何かを見逃しています。
解決方法は?
promiseA
's
then
関数は、新しいプロミス (
promiseB
の直後に解決される)
promiseA
が解決されたとき、その値は、その中の成功関数から返されたものの値です。
promiseA
.
この場合
promiseA
は、値 - で解決されます。
result
を実行した後、すぐに
promiseB
の値で
result + 1
.
の値にアクセスする。
promiseB
の結果にアクセスしたのと同じ方法で行われます。
promiseA
.
promiseB.then(function(result) {
// here you can use the result of promiseB
});
2019年12月編集
:
async
/
await
がJSで標準化されたことで、上記のアプローチとは別の構文が可能になりました。書けるようになりました。
let result = await functionThatReturnsPromiseA();
result = result + 1;
ここで,promiseBは存在しません.なぜなら,promiseAからの結果を
await
で、それを直接操作することができます。
しかし
await
の中でしか使用できません。
async
関数を使用します。つまり、少しズームアウトするには、上記はこのように収めなければならないのです。
async function doSomething() {
let result = await functionThatReturnsPromiseA();
return result + 1;
}
関連
-
[解決済み】node.js TypeError: path must be absolute or specify root to res.sendFile [JSONのパースに失敗しました]。
-
[解決済み】Uncaught TypeError: 未定義のプロパティ 'msie' を読み取れない - jQuery tools
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】PromiseとObservablesの違いは何ですか?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angular JS Uncaught Error。[インジェクター:モジュラー]。
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】NodeJS "ESモジュールをロードするためにインポートを使用する必要があります。"
-
[解決済み】ある要素が可視DOMに存在するかどうかを確認するにはどうすればいいですか?
-
[解決済み】getElementByIdはnullを返す?[クローズド]
-
[解決済み】FirefoxでGoogle Maps V3をリモートで使用すると「googleが定義されていません」と表示される。
-
[解決済み】Babel NodeJS ES6: SyntaxError: 予期しないトークンのエクスポート
-
[解決済み】'useState' が定義されていない no-undef React
-
[解決済み】Vueが定義されていない
-
[解決済み】react router v^4.0.0 Uncaught TypeError: 未定義のプロパティ'location'を読み取れない