[promise] タグが付いた質問
Promiseは遅延処理を実現するための1つの手段です。 Promiseは非同期処理の最終結果を表現します。 Promiseは、「最終的な値」または「失敗の理由」を新しいPromiseに変換するメソッドを用いて主に扱われます。
27
質問
0
票
2
回答
161
閲覧数
fetch()関数を使って複数のファイルを非同期で読み込む処理を作りたい
質問内容
提示コードのtest1(){},test2(){}関数ですが内部のようにPromiseを使って複数のファイルを非同期で読み込みたいのですがファイルの中身をpros[0]で見てみても中身がファイルの内容ではありません。これはどうすればいいのでしょうか?
知りたいことA
非同期でファイルを読み込みたい
調べたこと
fetch()の戻り値がPromiseでthenをした(res) => ...
0
票
1
回答
74
閲覧数
なぜPromise.allが必要なのか express x MONGODB環境
expressを使用してmongooseでMONGODBを使っています
下記はフォローしているユーザの投稿と自分の投稿を取得するエンドポイントです
SNSでよくあるタイムラインです。
router.get("/timeline/all", async (req, res) => {
try {
// 自分が投稿した内容
const ...
2
票
1
回答
152
閲覧数
Promise の配列に対して、それを早い順で resolve する async generator に変換したい
今、 Promise の配列があったとき、その resolve の早い順に await したいと思っています。 ES2021 に、 for await of の構文が導入されたので、 Promise の配列をその早い順に resolve してくれる async generator に変換するライブラリなどの関数があれば、やりたいことが実現できるな、と思っています。
// 例
const ...
0
票
1
回答
2,089
閲覧数
JavaScript(TypeScript)でPromise.allの戻り値を変数に格納出来ない。
Next.jsでブログを作成しています。下記のコードはGitHubリポジトリの内容を取得して、それを加工して datas に格納したいのですが、上手く行きません。
console.log(datas) しても undefinedと表示されます。詳しい方見ていただけないでしょうか。よろしくお願いします。
const datas = await (async (zennArticles) => {...
0
票
1
回答
861
閲覧数
Async function で非同期関数をリターンする場合に await の指定は必要?
async functionA の返り値に非同期関数を指定した場合、functionA の返り値に
await の指定が必要でしょうか?
(functionAはDBからデータを非同期に取得する想定です)
// functionAを呼び出すメインの関数
async mainFunc() {
const data = await functionA();
}
async ...
0
票
1
回答
189
閲覧数
await axiosが終了しない
説明
dbに情報を登録するapiapi/productを実装し
await axios.post('api/product', ...)
という形でapiを呼び出したのですが、いつまで経ってもaxios.postが終了せず
console.log(res.status)
が呼び出されません。
このようなことが起こる理由が理解できません。
なお、dbへのデータの登録は正常に完了しています。
...
1
票
1
回答
1,741
閲覧数
自作のconfirm画面を作り、promiseを利用して、戻り値を変えたいです。
jquery.confirmと言うライブラリーを利用して、confirm画面を作るところまでは良いのですが、クリックした段階でダイアログが出る前に画面遷移してしまいます。
非同期処理で値を返すタイミングをダイアログのボタンを押した後にしたいのですが、どうすればよいかご教示頂けると、幸いです。
<script type="text/javascript" src="../js/...
1
票
2
回答
5,134
閲覧数
javascriptでpromiseの最終結果を変数へ格納する方法
javascript初心者です。(初めて3日目) promiseの結果を変数に格納したいのですが、昨日からずっと調べているのですが、やり方がわかりません。
【やりたいこと】
フォルダに保存したプロジェクトのファイル一覧(配列)を、ブラウザ上に並べて表示させる。
【困っていること】
async functionで取得した値(プロジェクト一覧の配列)に変数に格納したいが、出来ませんでした。
...
0
票
1
回答
1,137
閲覧数
Javascirpt async/awaitを用いた非同期処理の制御について
Javascript初学者です。よろしくお願いいたします。
現在地の座標を取得(非同期処理)、取得後変数に格納、表示というプログラムです。
ソース
async function test() {
let gpslng;
let gpslat;
console.log("1");
//現在位置を取得する
...
3
票
2
回答
600
閲覧数
以下のようなPromiseを利用したコードをasync/awaitで書き換えることは可能でしょうか?
お世話になっています。
タイトルのとおりなのですが、以下に示したようなコードをasync/awaitで同じ処理をするように書き換えることはできますか?
function hello(){
return new Promise((resolve,reject) => {
setTimeout(() => {
resolve('hello')...
2
票
1
回答
236
閲覧数
JavaScriptでのpromiseチェーンの使い方
こんにちは、JavaScript初学者です。
今非同期処理のためのpromiseの使い方について勉強中なのですが、
複数の関数をpromiseチェーンでつなぐ方法について、適切な書き方が分からない点がありましたので質問させてください。
まず、コードは以下のとおりです:
function hoge(arg) {
const promise = Promise.resolve();
...
3
票
1
回答
592
閲覧数
JESTでPromiseの再帰処理をテストする方法
JESTでPromiseの再帰処理をテストする方法がわかりません。
JESTを用いてテストを書いています。
このテストではPromiseが解決されるまで、再帰処理を行うretry関数がテストの対象です。
export function retry<T>(fn: () => Promise<T>, limit: number = 5, interval: ...
0
票
2
回答
3,071
閲覧数
「fetch」と「await fetch」について
(何れも期待した結果を取得できたのですが、)下記コードは何が違うのですか?
・それぞれ長所短所があれば知りたいです
fetch
var response = fetch('/test').then(function(response) {
return response.json();
}).then(function(responseJson) {
});
await fetch
(...
2
票
1
回答
155
閲覧数
JSON形式のポストデータをコンソール画面上に表示させるためにはどうすれば良いでしょうか?
いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。
【質問の主旨】
下記のPHPとJavaScriptのコードを用いて、fetch_json.phpにアクセスした時のコンソール画面に、「こんにちは echizenya さん」と表示させるためにはどうすれば良いでしょうか?
PHP
<?php
$data = json_decode(...
1
票
1
回答
208
閲覧数
fetchメソッドで通信エラー時の処理を正しく実装するための方法を教えてください
いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。
【質問の主旨】
GitHubに公開しているfetch_catch.htmlを表示して「現在日時」と言うボタンを押すと、"Error: undefined"と言うメッセージがポップアップされます。本来はscripts/fetch_catch.jsの7行目に記述したとおり、「...
1
票
0
回答
2,073
閲覧数
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,500
閲覧数
Promiseオブジェクトのfinallyメソッドを実行するとエラーが出るのはなぜでしょうか?
いつもお世話になっています。
【質問の主旨】で示すJavaScriptコード(promise.js)について質問です。
ご存知の方がいらっしゃいましたらご教示を願います。
【質問の主旨】
function runAsync(value) {
return new Promise((resolve, reject) => {
setTimeout(() => {
...
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!', ...
3
票
1
回答
249
閲覧数
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に画像を表示させる予定。
■できないこと
...
4
票
1
回答
447
閲覧数
クイックソートの処理をawaitで制御したい
javascript初学者です。どうかよろしくお願いします。
下記コードなんですが、クイックソートを視覚化しようと思い、処理の途中にawaitをいれて再帰関数を作りました。
さらにその再帰関数をpromiseオブジェクトにして、ソートが完了した時点でresolveさせようと思ったのですが、どういう条件でresolveすればいいのかがわかりません。
var arr=[3,6,21,32,43,...
0
票
0
回答
817
閲覧数
Promiseの処理の中でループ処理があり、そのループ処理の中で再度Promiseを使いたい
メソッドの中にPromiseを返す処理があり、 その処理の中でループの処理があります。
そのループの中でデータベースに登録をし、その結果作成したbookデータのIDを取得し、peopleオブジェクトにマージしたいと思っています。
理想は①、②、③と順に処理を行って欲しいのですが、②は非同期で①、③となった後に②の処理が呼ばれます。 ...
0
票
1
回答
319
閲覧数
Promiseが状態を保持するInternal Slot [[PromiseState]]について
Internal Slot とは何でしょうか?
・プロパティとは異なる?
・内部的な場所なので、意図的にアクセスすることはできない?
・決められたルールに従って処理されるので利用者は気にする必要がない、ということでしょうか?
・それとも__proto__みたいに、非推奨だけれどもアクセスする方法はあるのでしょうか?
http://www.ecma-international.org/ecma-...
1
票
1
回答
111
閲覧数
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)...
0
票
1
回答
139
閲覧数
new Promise(executor); と new Promise(function(resolve, reject) { ... }); の違い
質問
new Promise(executor); と
new Promise(function(resolve, reject) { ... }); では何が違うのでしょうか?
・ネットを見ると、new Promise(function(resolve, reject) { ... }); について書かれているものしかないように見受けられたのですが
・もしかすると、同じ意味?
質問背景
・...
0
票
2
回答
1万
閲覧数
javascriptでpromiseの最終結果をスマートに変数へ格納する方法
aPromise.then(function taskA(value){
// task A ~何らかの処理~
}).then(function taskB(value){
// task B
// taskBのvalueが最終結果です。
// この最終結果のtaskBのvalueを格納したい。
}).catch(function onRejected(error){
...
6
票
3
回答
955
閲覧数
jQuery の jqXHR や Promise で成功の場合の結果を変形するには?
jqXHR や Promise が成功した場合に呼ばれる done(fn) の fn に渡される引数を、事前に変形できるでしょうか?
次のようなイメージです。
$.ajax(...)
.???(function(originalResult) {
// originalResult を変形して return
return someTransform(...