JS中Promise面試題有哪些

這篇文章給大家分享的是有關JS中Promise面試題有哪些的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

JavaScript是什么

JS是JavaScript的簡稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發，可以給網站添加各種各樣的動態效果，讓網頁更加美觀。

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()總是返回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

• [ ] 程序退出

解析

當鏈接.catch時，每個僅處理先前的.then或`.catch“步驟” 中引發的錯誤。在此例中，第一個.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] 不打印任何內容

解析

提示：.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 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))

感謝各位的閱讀！關于“JS中Promise面試題有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！