JavaScript の約束に関する面接での 9 つの質問を共有する

#次の 9 つの質問に答えてください

1. 複数の.catch<span style="font-size: 18px;"></span>

var p = new Promise((resolve, reject) => {
  reject(Error('The Fails!'))
})
p.catch(error => console.log(error.message))
p.catch(error => console.log(error.message))

上記のコードの出力は何でしょうか?正しい答えを選択してください:

[ ] メッセージを 1 回印刷します
• [x] メッセージを 2 回印刷します
• [ ]
• UnhandledPromiseRejectionWarning
[ ] プログラムの終了

分析:

コンストラクター メソッドを使用して Promise を作成し、

reject## を渡します。 # callback エラーはすぐにトリガーされます。 次に、

.catch

は、DOM の .addEventListener(event, callback) または Event Emitter の .on(event, callback) と同様に機能します。 は複数のコールバックを追加できます。 それぞれは同じパラメータで呼び出されます。

2. 複数の .catch##

var p = new Promise((resolve, reject) => {
  return Promise.reject(Error('The Fails!'))
})
p.catch(error => console.log(error.message))
p.catch(error => console.log(error.message))

上記のコードの出力は次のようになります。 ?正しい答えを選択してください:

[ ] メッセージを 1 回印刷します

[ ] メッセージを 2 回印刷します
• [x]
• UnhandledPromiseRejectionWarning
• [ ] プログラムの終了
• 分析:

Promise コンストラクターを使用する場合は、次を呼び出す必要があります。 resolve()

または

reject() コールバック。 Promise コンストラクターは戻り値を使用しないため、Promise.reject() によって作成された他の Promise は実際には受信されません。 Promise.reject() の後に

.catch

がない場合、答えは UnhandledPromiseRejectionWarning です。 3.

.then と .catch<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var p = new Promise((resolve, reject) =&gt; {     reject(Error('The Fails!'))   })   .catch(error =&gt; console.log(error))   .then(error =&gt; console.log(error))</pre><div class="contentsignin">ログイン後にコピー</div></div>## をリンクします。 #上記のコードの出力は何になりますか?正しい答えを選択してください: [x] はエラーを出力し、

unknown

[ ] はエラーを 2 回出力します
• [ ] UnhandledPromiseRejectionWarning
• [ ]
• 未定義
• 解析

##.then

と

.catch をチェーンする場合、これらを一連のステップとして考えると役立ちます。各

.then

は、前の .then によって返された値を引数として受け取ります。ただし、「ステップ」でエラーが発生した場合、.catch が見つかるまで、後続の .then 「ステップ」はスキップされます。エラーをオーバーライドしたい場合は、エラーではない値を返すだけで済みます。後続の .then を介してアクセスできます。 ヒント: console.log() は常に

unknown

を返します。 4. Link

.catch

##

var p = new Promise((resolve, reject) => {
    reject(Error('The Fails!'))
  })
  .catch(error => console.log(error.message))
  .catch(error => console.log(error.message))

上記のコードの出力は何になりますか? ?正しい答えを選択してください: #[x] エラー メッセージを 1 回出力します。[ ] エラー メッセージを 2 回出力します。

[ ] UnhandledPromiseRejectionWarning

[ ] プログラム終了

• 解析
• .catch
を連鎖する場合、それぞれは前の

.then# のみを処理します # # または

`.catch 「ステップ」でエラーが発生しました。この例では、最初の .catch

は

console.log を返します。これは、2 つの .catch の後に .then() を追加することによってのみ実現できます。 ぜひお越しください。 5. 複数の .catch

##

new Promise((resolve, reject) => {
    resolve('Success!')
  })
  .then(() => {
    throw Error('Oh noes!')
  })
  .catch(error => {
    return "actually, that worked"
  })
  .catch(error => console.log(error.message))

上記のコードの出力は次のようになります。 ?正しい答えを選択してください: [ ] メッセージを 1 回印刷します[ ] メッセージを 2 回印刷します[ ] UnhandledPromiseRejectionWarning

[x ] 何も出力しません

• 解析
• ヒント:
• .catch
は、通常の値を返すだけで実行できます。エラーを無視 (または上書き) します。

このトリックは、後続の .then が値を受け取った場合にのみ機能します。

6.

.then

Promise.resolve('Success!')
  .then(data => {
    return data.toUpperCase()
  })
  .then(data => {
    console.log(data)
  })

間のプロセス上記のコードの出力どうなるでしょうか？正しい答えを選択してください: [ ] print "Success!" および "SUCCESS!"[ ] print "Success!"[x] print "SUCCESS!"

[ ] 何も出力しません

• 解析
• ヒント: .then は、次から順にデータを渡します。
• 戻り値
次の
• .then(value => /* ハンドル値 */)
。

次の .then に値を渡すには、

return

がキーになります。 7.

.then

Promise.resolve('Success!')
  .then(data => {
    return data.toUpperCase()
  })
  .then(data => {
    console.log(data)
    return data
  })
  .then(console.log)

間のプロセス上記のコードの出力どうなるでしょうか？正しい答えを選択してください:

• [ ] 打印 "SUCCESS!"
• [ ] 打印 "Success!"
• [x] 打印 "SUCCESS!" 和 "SUCCESS!"
• [ ] 不打印任何内容

解析：

有两个 console.log 调用将被调用。

8. .then 之间的流程

Promise.resolve('Success!')
  .then(data => {
    data.toUpperCase()
  })
  .then(data => {
    console.log(data)
  })

以上代码的输出将会是什么？请选择正确的答案：

• [ ] 打印 "SUCCESS!"
• [ ] 打印 "Success!"
• [ ] 打印 "SUCCESS!" 和 "SUCCESS!"
• [x] 打印 undefined

解析：

提示：.then 依次传递数据，从返回值到下一个  .then(value => /* handle value */)。

为了将值传递给下一个 .then，return 是关键。

9. .then 和 .catch 之间的流程

Promise.resolve('Success!')
  .then(() => {
    throw Error('Oh noes!')
  })
  .catch(error => {
    return 'actually, that worked'
  })
  .then(data => {
    throw Error('The fails!')
  })
  .catch(error => console.log(error.message))

以上代码的输出将会是什么？请选择正确的答案：

• [ ] 打印 "Oh noes!" 和 "The fails!"
• [ ] 打印 "Oh noes!"”
• [x] 打印 "The fails!"
• [ ] 打印 "actually, that worked"
• [ ] 不打印任何内容

解析：

本文转载自：https://segmentfault.com/a/1190000021255822

英文原文地址： https://danlevy.net/javascript-promises-quiz/

相关教程推荐：JavaScript视频教程

以上がJavaScript の約束に関する面接での 9 つの質問を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。