[promise] タグが付いた質問

Promiseは遅延処理を実現するための1つの手段です。 Promiseは非同期処理の最終結果を表現します。 Promiseは、「最終的な値」または「失敗の理由」を新しいPromiseに変換するメソッドを用いて主に扱われます。

絞り込み
並べ替え
タグ付けされた
0
2 回答
158 閲覧数

Promiseチェーンの仕様が理解できません

JavaScriptの非同期処理、Promiseを学習しています。 Promise構文において、thenメソッドの返り値は新しいPromiseインスタンスというところまでは理解できました。しかしその点を知ったことで、かえってわからなくなってしまったことがあります。 resolvePromise = new Promise((resolve)=>{ resolve('成功'); }) ...
0
2 回答
77 閲覧数

asyncと値の受け取りについてわかりません

JavaScriptのAsync、Awaitについて解説している記事で以下のようなサンプルコードを見かけました。 Async/await の冒頭部分 async function f() { return 1; } f().then(alert); // 1 これが以下のコードであれば「1」が表示されることが理解できます。 async function f() { return 1; ...
0
2 回答
549 閲覧数

fetch()関数を使って複数のファイルを非同期で読み込む処理を作りたい

質問内容 提示コードのtest1(){},test2(){}関数ですが内部のようにPromiseを使って複数のファイルを非同期で読み込みたいのですがファイルの中身をpros[0]で見てみても中身がファイルの内容ではありません。これはどうすればいいのでしょうか? 知りたいことA 非同期でファイルを読み込みたい 調べたこと fetch()の戻り値がPromiseでthenをした(res) => ...
0
1 回答
92 閲覧数

なぜPromise.allが必要なのか express x MONGODB環境

expressを使用してmongooseでMONGODBを使っています 下記はフォローしているユーザの投稿と自分の投稿を取得するエンドポイントです SNSでよくあるタイムラインです。 router.get("/timeline/all", async (req, res) => { try { // 自分が投稿した内容 const ...
2
1 回答
190 閲覧数

Promise の配列に対して、それを早い順で resolve する async generator に変換したい

今、 Promise の配列があったとき、その resolve の早い順に await したいと思っています。 ES2021 に、 for await of の構文が導入されたので、 Promise の配列をその早い順に resolve してくれる async generator に変換するライブラリなどの関数があれば、やりたいことが実現できるな、と思っています。 // 例 const ...
0
1 回答
2,383 閲覧数

JavaScript(TypeScript)でPromise.allの戻り値を変数に格納出来ない。

Next.jsでブログを作成しています。下記のコードはGitHubリポジトリの内容を取得して、それを加工して datas に格納したいのですが、上手く行きません。 console.log(datas) しても undefinedと表示されます。詳しい方見ていただけないでしょうか。よろしくお願いします。 const datas = await (async (zennArticles) => {...
0
1 回答
241 閲覧数

await axiosが終了しない

説明 dbに情報を登録するapiapi/productを実装し await axios.post('api/product', ...) という形でapiを呼び出したのですが、いつまで経ってもaxios.postが終了せず console.log(res.status) が呼び出されません。 このようなことが起こる理由が理解できません。 なお、dbへのデータの登録は正常に完了しています。 ...
0
1 回答
1,240 閲覧数

Async function で非同期関数をリターンする場合に await の指定は必要?

async functionA の返り値に非同期関数を指定した場合、functionA の返り値に await の指定が必要でしょうか? (functionAはDBからデータを非同期に取得する想定です) // functionAを呼び出すメインの関数 async mainFunc() { const data = await functionA(); } async ...
1
1 回答
2,023 閲覧数

自作のconfirm画面を作り、promiseを利用して、戻り値を変えたいです。

jquery.confirmと言うライブラリーを利用して、confirm画面を作るところまでは良いのですが、クリックした段階でダイアログが出る前に画面遷移してしまいます。 非同期処理で値を返すタイミングをダイアログのボタンを押した後にしたいのですが、どうすればよいかご教示頂けると、幸いです。 <script type="text/javascript" src="../js/...
3
1 回答
698 閲覧数

JESTでPromiseの再帰処理をテストする方法

JESTでPromiseの再帰処理をテストする方法がわかりません。 JESTを用いてテストを書いています。 このテストではPromiseが解決されるまで、再帰処理を行うretry関数がテストの対象です。 export function retry<T>(fn: () => Promise<T>, limit: number = 5, interval: ...
1
2 回答
6,250 閲覧数

javascriptでpromiseの最終結果を変数へ格納する方法

javascript初心者です。(初めて3日目) promiseの結果を変数に格納したいのですが、昨日からずっと調べているのですが、やり方がわかりません。 【やりたいこと】 フォルダに保存したプロジェクトのファイル一覧(配列)を、ブラウザ上に並べて表示させる。 【困っていること】 async functionで取得した値(プロジェクト一覧の配列)に変数に格納したいが、出来ませんでした。 ...
0
1 回答
1,396 閲覧数

Javascirpt async/awaitを用いた非同期処理の制御について

Javascript初学者です。よろしくお願いいたします。 現在地の座標を取得(非同期処理)、取得後変数に格納、表示というプログラムです。 ソース async function test() { let gpslng; let gpslat; console.log("1"); //現在位置を取得する ...
3
2 回答
666 閲覧数

以下のようなPromiseを利用したコードをasync/awaitで書き換えることは可能でしょうか?

お世話になっています。 タイトルのとおりなのですが、以下に示したようなコードをasync/awaitで同じ処理をするように書き換えることはできますか? function hello(){ return new Promise((resolve,reject) => { setTimeout(() => { resolve('hello')...
2
1 回答
274 閲覧数

JavaScriptでのpromiseチェーンの使い方

こんにちは、JavaScript初学者です。 今非同期処理のためのpromiseの使い方について勉強中なのですが、 複数の関数をpromiseチェーンでつなぐ方法について、適切な書き方が分からない点がありましたので質問させてください。 まず、コードは以下のとおりです: function hoge(arg) { const promise = Promise.resolve(); ...
0
2 回答
2万 閲覧数

javascriptでpromiseの最終結果をスマートに変数へ格納する方法

aPromise.then(function taskA(value){ // task A ~何らかの処理~ }).then(function taskB(value){ // task B // taskBのvalueが最終結果です。 // この最終結果のtaskBのvalueを格納したい。 }).catch(function onRejected(error){ ...
1
1 回答
114 閲覧数

new Promise(function(resolve, reject) { … }); コンストラクタ内で、resolve または reject を呼び出す時の挙動について

コード "use strict"; var pObj = new Promise(function (resolve, reject) { reject('テスト'); }) console.log(pObj); Promise {[[PromiseStatus]]: "rejected", [[PromiseValue]]: "テスト"} Uncaught (in promise)...
3
1 回答
1万 閲覧数

asyncの中でだけ、try-catchがrejectedされたPromiseをcatchできる理由がわからない。

asyncの挙動について、MDNのドキュメントだけでは分からなかったので教えてください。 例えば、以下の try-catchはPromiseのrejectをcatchしません。 try { (async () =>{ await Promise.reject() })() }catch (e){ console.log('ERROR!', ...
4
1 回答
487 閲覧数

クイックソートの処理をawaitで制御したい

javascript初学者です。どうかよろしくお願いします。 下記コードなんですが、クイックソートを視覚化しようと思い、処理の途中にawaitをいれて再帰関数を作りました。 さらにその再帰関数をpromiseオブジェクトにして、ソートが完了した時点でresolveさせようと思ったのですが、どういう条件でresolveすればいいのかがわかりません。 var arr=[3,6,21,32,43,...
0
1 回答
338 閲覧数

Promiseが状態を保持するInternal Slot [[PromiseState]]について

Internal Slot とは何でしょうか? ・プロパティとは異なる? ・内部的な場所なので、意図的にアクセスすることはできない? ・決められたルールに従って処理されるので利用者は気にする必要がない、ということでしょうか? ・それとも__proto__みたいに、非推奨だけれどもアクセスする方法はあるのでしょうか? http://www.ecma-international.org/ecma-...
0
1 回答
144 閲覧数

new Promise(executor); と new Promise(function(resolve, reject) { ... }); の違い

質問 new Promise(executor); と new Promise(function(resolve, reject) { ... }); では何が違うのでしょうか? ・ネットを見ると、new Promise(function(resolve, reject) { ... }); について書かれているものしかないように見受けられたのですが ・もしかすると、同じ意味? 質問背景 ・...
0
2 回答
3,192 閲覧数

「fetch」と「await fetch」について

(何れも期待した結果を取得できたのですが、)下記コードは何が違うのですか? ・それぞれ長所短所があれば知りたいです fetch var response = fetch('/test').then(function(response) { return response.json(); }).then(function(responseJson) { }); await fetch (...
2
1 回答
179 閲覧数

JSON形式のポストデータをコンソール画面上に表示させるためにはどうすれば良いでしょうか?

いつもお世話になっています。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 下記のPHPとJavaScriptのコードを用いて、fetch_json.phpにアクセスした時のコンソール画面に、「こんにちは echizenya さん」と表示させるためにはどうすれば良いでしょうか? PHP <?php $data = json_decode(...
1
1 回答
254 閲覧数

fetchメソッドで通信エラー時の処理を正しく実装するための方法を教えてください

いつもお世話になっています。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 GitHubに公開しているfetch_catch.htmlを表示して「現在日時」と言うボタンを押すと、"Error: undefined"と言うメッセージがポップアップされます。本来はscripts/fetch_catch.jsの7行目に記述したとおり、「...
1
0 回答
2,099 閲覧数

fetchメソッドのエラー処理で"Unchecked runtime.lastError: The message port closed before a response was received."が表示させないようにする方法を教えてください

いつもお世話になっています。 下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 GitHubに公開しているfetch_catch.htmlを実行すると、コンソール画面に下記のエラーが表示されます。エラーが表示されないようにするためにはどうすれば良いでしょうか? Unchecked runtime.lastError: The message port ...
1
1 回答
1,543 閲覧数

Promiseオブジェクトのfinallyメソッドを実行するとエラーが出るのはなぜでしょうか?

いつもお世話になっています。 【質問の主旨】で示すJavaScriptコード(promise.js)について質問です。 ご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 function runAsync(value) { return new Promise((resolve, reject) => { setTimeout(() => { ...
3
1 回答
257 閲覧数

promiseの実行順序について

現在promiseを使用して非同期なプログラムを書いています. function wait() { return new Promise(function (resolve) { setTimeout(() => { resolve("hey") }, 4000) }) } function loop() { ...
0
1 回答
1万 閲覧数

Promiseで配列をreturnしたい

お世話になっております。 Promiseの戻り値の扱い方を教えていただきたいです。 ■やりたいこと Promiseで処理した配列の値を取得したい。 ■プログラム 外部JSONファイルに書かれた画像のパスにアクセスしてBase64Imageに変換(5回繰り返し)。←ここまでOK 変換したBase64Imageの文字列を渡して(←今ここ)、PDFに画像を表示させる予定。 ■できないこと ...
0
0 回答
818 閲覧数

Promiseの処理の中でループ処理があり、そのループ処理の中で再度Promiseを使いたい

メソッドの中にPromiseを返す処理があり、 その処理の中でループの処理があります。 そのループの中でデータベースに登録をし、その結果作成したbookデータのIDを取得し、peopleオブジェクトにマージしたいと思っています。 理想は①、②、③と順に処理を行って欲しいのですが、②は非同期で①、③となった後に②の処理が呼ばれます。 ...
6
3 回答
970 閲覧数

jQuery の jqXHR や Promise で成功の場合の結果を変形するには?

jqXHR や Promise が成功した場合に呼ばれる done(fn) の fn に渡される引数を、事前に変形できるでしょうか? 次のようなイメージです。 $.ajax(...) .???(function(originalResult) { // originalResult を変形して return return someTransform(...