次のタグが付いている話題の回答:

7
承認済み

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

まず、1番目の例でrejectがキャッチされないことは2つの観点から説明できます。 try文は中で発生した例外(エラー)をキャッチできるものです。そして、Promiseのrejectは例外ではありません。 このtryの中でやっていることは全体として見ると「async関数を呼び出す」というだけであり、...
Faily Feely's user avatar
  • 2,873
5
承認済み

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

6.1.7.2 Object Internal Methods and Internal Slots に説明があります。それに基づくと回答は以下になります。 プロパティとは異なる? 異なります。 内部的な場所なので、意図的にアクセスすることはできない? できません。正確には、アクセスする方法は規定されていません。 ただし slot ...
KoRoN's user avatar
  • 5,132
5
承認済み

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

node.jsのバージョンが古いと思われます。 Promiseのfinallyは比較的新しいメソッドなので、古い環境では使用できません(MDN)。 node.jsで使用するには、node.jsのv10以上が必要です。
Faily Feely's user avatar
  • 2,873
4
承認済み

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

async / await は非同期処理(Promise)の完了待ちを明示するための仕組みです 通常、quicksort は同期的に処理できるので、同期的に処理すればよいと思います quicksort の処理が順に進む様子を確認するためには、generatorを使うのがよいと思います 以下の例は「quicksort を1段階進めるたび、500ms sleepする」という例です { ...
gocho's user avatar
  • 1,001
3

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

お考えの通り、async/awaitでこれを書き換えることはできません。 特にhello関数に関しては、このようにコールバック関数による非同期処理をPromiseに変換する目的でnew PromiseでPromiseを作る場合は、これをasync関数に書き換えることはできません。hello関数はこのように書くほか無いと思います。 プログラムの後半部分に関しても、...
Faily Feely's user avatar
  • 2,873
2
承認済み

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

async/await はPromiseの糖衣構文なので、より簡単な書き方という理解で良いと思います。JavaScriptのCallback地獄からPromiseが生まれ、そこからまたPromise地獄が生まれたのでasync/awaitが生まれた、という経緯です。 https://developer.mozilla.org/en-US/docs/Learn/JavaScript/...
Takahiro Ito's user avatar
2
承認済み

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

JavaScriptの同期処理と非同期処理の理解が追いついていないかと思うので、実装の流れに混乱が生じていると考えられます。まずは(おそらく動くであろう)書き直したコードはこちらです。 async function get_list() { // get_listの実行後のthenの第一引数で取得することができる return await eel.projectlist()(); } ...
himenon's user avatar
  • 1,352
2
承認済み

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

結論としては、awaitを必ずしも指定する必要はありません。(main1関数、main2関数でも同じ結果) awaitをasync functionに付与することで同期的に処理を書くことができます。 つまりawaitをつけることでasync functionの返り値であるPromiseの中身をそのままプログラム中に記述できるようになります。Promiseに関してはこちらをご参照ください。 ...
TakeruTakeru's user avatar
2
承認済み

await axiosが終了しない

api側の実装のレスポンスの設定が不適切だったことが原因。 修正前 res.status(201) 修正後 res.status(201).end()
tan's user avatar
  • 587
2
承認済み

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

質問に 「fetch()関数を使って複数のファイルを」とあっても それ以上の具体的な処理内容が記されておらず, 回答としても比較的漠然としたものになるでしょう 同じ内容取得しても意味ないので, 実際はそれぞれ URLが異なるのでしょう あるいは, その後のプロミスチェーンも異なるなど (例えば JSON として結果を得るなど) Promise.all() で完了待ちにするにしても, ...
oriri's user avatar
  • 5,302
2
承認済み

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

thenメソッドの返り値は別のPromiseインスタンスですが、ここでreturnを使うと、返りはPromiseインスタンスではなく、Strings('成功2')になってしまうのではないかと疑問に感じました。 前の質問者さんのスレッドで紹介した MDN の記事、 Promise.prototype.then() https://developer.mozilla.org/ja/docs/Web/...
WebSurfer's user avatar
  • 433
1

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

非同期処理には特には関係なく 例えば map 利用時の以下の演算と似たようなものです (強いて言えば たぶん後者は余分な処理が加わることになるはず) const array1 = [2,-1,-3,4,-7]; const maparr1 = array1.map(Math.abs) const maparr2 = array1.map(v => Math.abs(v)) Promise....
oriri's user avatar
  • 5,302
1

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

以下の MDN の記事に書いてありますが、 Promise.prototype.then() https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/then その alert は "Promise が成功したときに非同期に呼び出される関数 (Function) です。...
WebSurfer's user avatar
  • 433
1
承認済み

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

Post.find() は (userPosts取得部分を見ると) Promiseのようです。 Promise.all() がない以下の記述だと, 配列要素のどれか(もしくはすべて)が未だ pending状態かもしれません // フォローしているユーザーの投稿 const friendPosts = currentUser.followings.map((friendId) => { ...
oriri's user avatar
  • 5,302
1
承認済み

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

一つの案ですが、submitをボタンによる処理にするのではなく、input type="button"としてonclickイベント内でsubmitしてあげれば良いのではないでしょうか?
Koichiro's user avatar
1

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

get_list().then(value => console.log(value)); console.log(gli); get_list()がPromiseを返すasync関数なので、then()内で結果を使うか、get_list()の呼び出しをawaitする必要があります。 window.onload = async function() { const gli = ...
int32_t's user avatar
  • 8,169
1
承認済み

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

awaitが待機できるのは、Promiseオブジェクトだけです。navigator.geolocation.getCurrentPosition()は何も返さない関数なので、awaitを指定しても効果がありません。 Promiseを作ってあげればうまく動くでしょう。 console.log("1"); let position = await new Promise((resolve, ...
int32_t's user avatar
  • 8,169
1

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

一度 async で囲うと可能です。 Topレベルでいきなり await をつかうのは Faily Feelyさんも書かれている通り、今のところ不可能だと思います。 asyncで囲った例は下記です。 function hello(){ return new Promise((resolve,reject) => { setTimeout(() => { ...
shingo.nakanishi's user avatar
1

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

1年以上も前の質問なので現在も見ていらっしゃるかはわかりませんが、回答します。 質問のコードの不具合箇所 まず、質問のコードが正しくエラーハンドリングされていません。 setTimeout(async () => { // 上限リトライ数を超えたらrejectする if (limit === 1) { reject(error); return; } //...
himenon's user avatar
  • 1,352
1

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

「それぞれ長所短所があれば知りたいです」についてです。 Generators Async/AwaitはGeneratorsとPromisesを組み合わせたような「文」です。このような表現ができます。 for await (variable of iterable) { } 手続き的な表現 Async/Awaitは文なので関数内で処理を遅らせるような表現ができます。 (async () =...
しぐれ煮's user avatar
1
承認済み

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

「JavaScript逆引きレシピ」でどのように説明されているか知りませんが、コードから読み取れる意図で回答いたします。 fetch_json.phpをブラウザで開くとエラーになるのはなぜか このコードはブラウザで直接URLを入力して開かれることを想定してません。get_file_contents('php://input')してますから、<form action=...>, ...
int32_t's user avatar
  • 8,169
1
承認済み

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

scripts/fetch_catch.jsの13行目において、messageをmessgaeと打ち間違えています。 想定されるものの代わりにundefinedが得られる場合は、このようにプロパティ名(message)を打ち間違えている(存在しないプロパティ名を指定したのでundefinedが返されている)ことがよくありますので、重点的に確認されるとよいと思います。
Faily Feely's user avatar
  • 2,873
1

Promiseで配列をreturnしたい

(下手な日本語で失礼します) 簡単に直すには、各.thenをこう変えたらほぼ予想通りに動くと思います: // v-- getBase64Imageを返します .then((myData) => getBase64Image(myData[0]['path_img'], myData[0]['image01'], myData)) .then((...
JLRishe's user avatar
  • 367
1
承認済み

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

ECMA Script 2015 の仕様書の Promise(executor) の記述 に従うと、回答は以下のとおりになります。 reject('テスト');が実行されるタイミングは? Promise(executor) の実行中です。 promiseオブジェクトが作成される前、それともpromiseオブジェクト作成後に実行? 利用する観点では、作成される(完了する)前です。...
KoRoN's user avatar
  • 5,132
1
承認済み

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

同じ意味です。 前者の executor には function(resolve, reject) { .... } という2引数の関数を渡す必要が有る、ということを示したかったのでしょう。つまり以下の様な、別のものを渡す使い方はできない(しない)、ということでもあります。 // 何も渡さない new Promise(); // オブジェクトを渡す new Promise({ run: ...
KoRoN's user avatar
  • 5,132

Only top scored, non community-wiki answers of a minimum length are eligible