Skip to main content

すべての質問

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

いつもお世話になっています。 【質問の主旨】で示すJavaScriptコード(promise.js)について質問です。 ご存知の方がいらっしゃいましたらご教示を願います。 【質問の主旨】 function runAsync(value) { return new Promise((resolve, reject) => { setTimeout(() => { ...
echizenya_yota's user avatar
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!', ...
hiroga's user avatar
  • 465
3
1 回答
260 閲覧数

promiseの実行順序について

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

Promiseで配列をreturnしたい

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

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

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

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

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

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)...
re9's user avatar
  • 6,814
0
1 回答
145 閲覧数

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

質問 new Promise(executor); と new Promise(function(resolve, reject) { ... }); では何が違うのでしょうか? ・ネットを見ると、new Promise(function(resolve, reject) { ... }); について書かれているものしかないように見受けられたのですが ・もしかすると、同じ意味? 質問背景 ・...
re9's user avatar
  • 6,814
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){ ...
R_tis's user avatar
  • 1
6
3 回答
995 閲覧数

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

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