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
• [ ] 程式退出

解析：

我們使用建構函式方法建立一個 Promise，並通過reject回撥立即觸發錯誤。

然後.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))

以上程式碼的輸出將會是什麼？請選擇正確的答案：

• [ ] 列印一次訊息
• [ ] 列印兩次訊息
• [x]UnhandledPromiseRejectionWarning
• [ ] 程式退出

解析：

使用 Promise 建構函式時，必須呼叫resolve()或reject()回撥。 Promise 建構函式不使用你的返回值，因此實際上不會再收到由Promise.reject()建立的其他 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

解析

當連結.then和.catch時，將它們視為一系列步驟會很有幫助。每個.then都接收前一個.then返回的值作為其引數。但是，如果你的 “step” 遇到錯誤，則任何後續的.then“ steps” 都將被跳過，直到遇到.catch。如果要覆蓋錯誤，你要做的就是返回一個非錯誤值。可以通過任何隨後的.then訪問。

提示：console.log()總是返回undefihttp://www.cppcns.comned。

4. 連結.catch

var p = new Pr程式設計客棧omise((resolve,reject) => {
    reject(Error('The Fails!'))
  })
  .catch(error => console.log(error.message))
  .catch(error => console.log(error.message))

以上程式碼的輸出將會是什麼？請選擇正確的答案：

• [x] 列印一次錯誤訊息
• [ ] 列印兩次錯誤訊息
• [ ] UnhandledPromiseRejectionWarning
• [ ] 程式退出

解析

當連結.catch時，每個僅處理先前的.then或`.catch“步驟” 中引發的錯誤。在此例中，第一個.catch返回console.log，只能通過在兩個.catch之後新增.then()來訪問。

5. 多個.catch

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

以上程式碼的輸出將會是什麼？請選擇正確的答案：

• [ ]程式設計客棧 列印一次訊息
• [ ] 列印兩次訊息
• [ ] UnhandledPromiseRejectionWarning
• [x] 不列印任何內容

解析

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

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

6..then之間的流程

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

以上程式碼的輸出將會是什麼？請選擇正確的答案：

• [ ] 列印 "Success!" 和 "SUCCESS!"
• [ ] 列印 "Success!"
• [x] 列印 "SUCCESS!"
• [ ] 不列印任何內容

解析

提示：.then依次傳遞資料，從return value到下一個.then(value => /* handle 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 val程式設計客棧ue */)。

為了將值傳遞給下一個.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))

以上就是js 9個Promise面試題的詳細內容，更多關於JS Promise面試題的資料請關注我們其它相關文章！