JS 9個Promise面試題

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 9個Promise面試題的詳細內容，更多關于JS Promise面試題的資料請關注好吧啦網其它相關文章！