溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
有哪些JavaScript Promises的面試題？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
請完成以下9個問題
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))以上代碼的輸出將會是什么？請選擇正確的答案：
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))以上代碼的輸出將會是什么？請選擇正確的答案：
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))以上代碼的輸出將會是什么？請選擇正確的答案：
undefinedUnhandledPromiseRejectionWarningundefined解析
當鏈接 .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))以上代碼的輸出將會是什么？請選擇正確的答案：
解析
當鏈接 .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))以上代碼的輸出將會是什么？請選擇正確的答案：
解析
提示： .catch可以簡單地通過返回一個常規值來忽略（或覆蓋）錯誤。
該技巧僅在隨后的 .then 接收該值時有效。
6. .then 之間的流程
Promise.resolve('Success!')
.then(data => {
return data.toUpperCase()
})
.then(data => {
console.log(data)
})以上代碼的輸出將會是什么？請選擇正確的答案：
解析
提示：.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)以上代碼的輸出將會是什么？請選擇正確的答案：
解析：
有兩個 console.log 調用將被調用。
8. .then 之間的流程
Promise.resolve('Success!')
.then(data => {
data.toUpperCase()
})
.then(data => {
console.log(data)
})以上代碼的輸出將會是什么？請選擇正確的答案：
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))以上代碼的輸出將會是什么？請選擇正確的答案：
解析：
看完上述內容，你們掌握有哪些JavaScript Promises的面試題的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
