すべての質問
非同期 javascript でタグ付けされた
14 件の質問
0
票
2
回答
216
閲覧数
Promiseチェーンの仕様が理解できません
JavaScriptの非同期処理、Promiseを学習しています。
Promise構文において、thenメソッドの返り値は新しいPromiseインスタンスというところまでは理解できました。しかしその点を知ったことで、かえってわからなくなってしまったことがあります。
resolvePromise = new Promise((resolve)=>{
resolve('成功');
})
...
0
票
2
回答
83
閲覧数
asyncと値の受け取りについてわかりません
JavaScriptのAsync、Awaitについて解説している記事で以下のようなサンプルコードを見かけました。
Async/await の冒頭部分
async function f() {
return 1;
}
f().then(alert); // 1
これが以下のコードであれば「1」が表示されることが理解できます。
async function f() {
return 1;
...
0
票
2
回答
239
閲覧数
JavaScriptではコールバック関数はすべて非同期処理になるのか?
JavaScriptの非同期処理についての質問です。
技術書や各々の解説ブログでは「コールバック関数は非同期処理」であると書かれています。
そこで以下のコードを実行してみたところ、自分のイメージしていた通りの結果になりませんでした。
function a(callback) {
console.log('a');
callback();
console.log('finish');
}
...
0
票
1
回答
3,258
閲覧数
JavaScriptでawaitが効かない。
下記のコードで Promiseの結果が取得され出力される事を予想していたのですが実際には Promise { <pending> } が表示されます。 await stripe.paymentIntents.create({ となっているので変数 paymentIntent にはPromiseで待った後の値が取れるような気がしたのですが、これは ...
1
票
1
回答
1,363
閲覧数
JavaScriptのテストですべての分岐をPASSしているのにカバレッジが100%にならない
下図(図1)のソースコードを3つのテストメソッドからなるテストスイートでカバレッジを取ったところ図1のように漏れがありました。1番目のテストケースを単体で実行してもカバレッジは図1のようになります。
図1: カバレッジに漏れがあるソースコード
しかし、2番目のテストケースを単体で実行するとカバレッジは下図(図2)のようになります。
図2: 2番目のテストケース単体でのカバレッジ
また、...
0
票
1
回答
261
閲覧数
JavaScriptのPromis.allをforEachで使用したい。
下記のように並列で関数を実行したいのですが、エラーになります。
map()を使用すればエラーは取れるのですが、戻り値を必要としないので forEach のような構文が適している思うのですが、別の書方等ないでしょうか?
宜しくお願いします。
await Promise.all(articles.forEach((article) => {
post(article)
}))
0
票
1
回答
212
閲覧数
JavaScriptで画像がロードされる前にプログラムが走り、上手く処理出来ない。
新しく質問を立てた方が良いと言われたので前回の質問の続きになります。
JavaScriptのcolor-thiesというライブラリーを使用してプログラムがimgタグのsrcを書き換えたタイミングでライブラリーを実行したいのですが、書き換わる前に処理が実行されてしまうため上手く画像の色を取得出来ません。
前回の回答者様は画像にloadイベントを持たせると良いと話されていたのですが、...
0
票
1
回答
2,759
閲覧数
Javascriptで非同期関数をクラスメソッドに定義したい。
下記の非同期で書かれたコードをクラスのメソッドとして定義したいのですが、上手くいきません。どのようにコードを書いたら良いでしょうか?
asyncを使用した関数はクラスメソッドに定義出来ないようなのでラップしたら上手く行くと思ったのですが this.wait(num) 推奨しない書き方と注意が入るのと、実行しても何も出力されません。予定では 0,1が出力されます。
詳しい方、助けて下さいお願いします。...
1
票
0
回答
419
閲覧数
Vue.js でFirestoreからMessagesコレクションを取り出すときにソートしたい
FirebaseのCloud Firestoreを用いて、リアルタイムに反映される簡単なチャットアプリをVue.jsで実装したいと思っています。
Firestoreにはusersコレクションとmessagesコレクションがあり、それぞれのドキュメントには
{name: 名前, photoURL: プロフィール画像url}, {userID: 投稿したuserドキュメントのID, message: ...
1
票
1
回答
281
閲覧数
fetchメソッドで通信エラー時の処理を正しく実装するための方法を教えてください
いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。
【質問の主旨】
GitHubに公開しているfetch_catch.htmlを表示して「現在日時」と言うボタンを押すと、"Error: undefined"と言うメッセージがポップアップされます。本来はscripts/fetch_catch.jsの7行目に記述したとおり、「...
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 ...
2
票
2
回答
288
閲覧数
ajaxの非同期通信時にUnable to autoload constant ControllerとUncaught SyntaxError: Unexpected token . , compile errorのエラーが発生する
初めての質問です!
ruby on railsで現在製作中の投稿型アプリケーションの投稿機能に、ajaxで非同期通信を適用させようとしています。
createアクションにrespond_toを使って、json形式でデータをとり、ajaxでデータを返すという具合です。
ところが、いざ実装してみると一つのエラーを抜け出せず、投稿がままならない状態です。
エラー内容は、
Unable to ...
1
票
1
回答
126
閲覧数
どの部分が前回の非同期通信なのか
下記の引用は、ブレイクスルーjavascript初版96頁に記述されているものを一部抜粋したものです。
〇Promise/Deferredを使った非同期通信
javascriptにおける非同期通信は、昨今のwebアプリケーションの進化を大きくけん引してきたといっても過言ではありません。しかし、その便利さとは裏腹に、...
3
票
2
回答
3,387
閲覧数
JavaScript(jQuery)でkeydown,keyup等のイベントで重い処理をするときsetTimeoutすべき?
以下のような処理があったとき、重い処理はsetTimeoutで処理すべきでしょうか?
$(document).bind("keydown keyup",function(e){
if (e.type === "keydown"){
... //重い処理
}
if (e.type === "keyup"){
... //別の処理
}
}...