欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS 9個Promise面試題

 更新時間：2021年05月07日 09:55:22   作者：淺笑·  
這篇文章主要介紹了JS 9個Promise面試題，對異步Promise感興趣的同學(xué)，可以參考下

1. 多個.catch

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

以上代碼的輸出將會是什么？請選擇正確的答案：

  • [ ] 打印一次消息
  • [x] 打印兩次消息
  • [ ]UnhandledPromiseRejectionWarning
  • [ ] 程序退出

解析：

我們使用構(gòu)造函數(shù)方法創(chuàng)建一個 Promise，并通過reject回調(diào)立即觸發(fā)錯誤。

然后.catch工作方式類似于 DOM 的.addEventListener(event，callback)或 Event Emitter 的.on(event，callback)，其中可以添加多個回調(diào)。每個都用同樣的參數(shù)進(jìn)行調(diào)用。

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))

以上代碼的輸出將會是什么？請選擇正確的答案：

  • [ ] 打印一次消息
  • [ ] 打印兩次消息
  • [x]UnhandledPromiseRejectionWarning
  • [ ] 程序退出

解析：

使用 Promise 構(gòu)造函數(shù)時，必須調(diào)用resolve()或reject()回調(diào)。 Promise 構(gòu)造函數(shù)不使用你的返回值，因此實際上不會再收到由Promise.reject()創(chuàng)建的其他 Promise。

在Promise.reject()之后沒有.catch時，答案是UnhandledPromiseRejectionWarning。

3. 鏈接.then和.catch

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

以上代碼的輸出將會是什么？請選擇正確的答案：

  • [x] 打印錯誤和undefined
  • [ ] 打印兩次錯誤
  • [ ]UnhandledPromiseRejectionWarning
  • [ ]undefined

解析

當(dāng)鏈接.then和.catch時，將它們視為一系列步驟會很有幫助。每個.then都接收前一個.then返回的值作為其參數(shù)。但是，如果你的 “step” 遇到錯誤，則任何后續(xù)的.then“ steps” 都將被跳過，直到遇到.catch。如果要覆蓋錯誤，你要做的就是返回一個非錯誤值?？梢酝ㄟ^任何隨后的.then訪問。

提示：console.log()總是返回undefined。

4. 鏈接.catch

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

以上代碼的輸出將會是什么？請選擇正確的答案：

  • [x] 打印一次錯誤消息
  • [ ] 打印兩次錯誤消息
  • [ ] UnhandledPromiseRejectionWarning
  • [ ] 程序退出

解析

當(dāng)鏈接.catch時，每個僅處理先前的.then或`.catch“步驟” 中引發(fā)的錯誤。在此例中，第一個.catch返回console.log，只能通過在兩個.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))

以上代碼的輸出將會是什么？請選擇正確的答案：

  • [ ] 打印一次消息
  • [ ] 打印兩次消息
  • [ ] UnhandledPromiseRejectionWarning
  • [x] 不打印任何內(nèi)容

解析

提示：.catch可以簡單地通過返回一個常規(guī)值來忽略（或覆蓋）錯誤。

該技巧僅在隨后的.then接收該值時有效。

6..then之間的流程

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

以上代碼的輸出將會是什么？請選擇正確的答案：

  • [ ] 打印 "Success!" 和 "SUCCESS!"
  • [ ] 打印 "Success!"
  • [x] 打印 "SUCCESS!"
  • [ ] 不打印任何內(nèi)容

解析

提示：.then依次傳遞數(shù)據(jù)，從return value到下一個.then(value => /* handle value */)。

為了將值傳遞給下一個.then，return是關(guān)鍵。

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!"
  • [ ] 不打印任何內(nèi)容

解析：

有兩個console.log調(diào)用將被調(diào)用。

8..then之間的流程

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

以上代碼的輸出將會是什么？請選擇正確的答案：

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

解析：

提示：.then依次傳遞數(shù)據(jù)，從返回值到下一個.then(value => /* handle value */)。

為了將值傳遞給下一個.then，return是關(guān)鍵。

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))

以上就是JS 9個Promise面試題的詳細(xì)內(nèi)容，更多關(guān)于JS Promise面試題的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論