1. 多個(gè).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))

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

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

解析：

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

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

2. 多個(gè).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))

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

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

解析：

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

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

3. 鏈接.then和.catch

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

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

• [x] 打印錯(cuò)誤和undefined
• [ ] 打印兩次錯(cuò)誤
• [ ]UnhandledPromiseRejectionWarning
• [ ]undefined

解析

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

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

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

解析

當(dāng)鏈接.catch時(shí)，每個(gè)僅處理先前的.then或`.catch“步驟” 中引發(fā)的錯(cuò)誤。在此例中，第一個(gè).catch返回console.log，只能通過在兩個(gè).catch之后添加.then()來訪問。

5. 多個(gè).catch

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

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

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

解析

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

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

6..then之間的流程

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

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

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

解析

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

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

7..then之間的流程

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

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

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

解析：

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

8..then之間的流程

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

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

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

解析：

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

為了將值傳遞給下一個(gè).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個(gè)Promise面試題的詳細(xì)內(nèi)容，更多關(guān)于JS Promise面試題的資料請關(guān)注腳本之家其它相關(guān)文章！