溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
有哪些JavaScript Promises的面試題？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
請(qǐng)完成以下9個(gè)問(wèn)題
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ì)是什么？請(qǐng)選擇正確的答案：
UnhandledPromiseRejectionWarning解析：
我們使用構(gòu)造函數(shù)方法創(chuàng)建一個(gè) Promise，并通過(guò) reject 回調(diào)立即觸發(fā)錯(cuò)誤。
然后 .catch 工作方式類(lèi)似于 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ì)是什么？請(qǐng)選擇正確的答案：
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() 之后沒(méi)有 .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ì)是什么？請(qǐng)選擇正確的答案：
undefinedUnhandledPromiseRejectionWarningundefined解析
當(dāng)鏈接 .then 和 .catch 時(shí)，將它們視為一系列步驟會(huì)很有幫助。每個(gè) .then 都接收前一個(gè) .then 返回的值作為其參數(shù)。但是，如果你的 “step” 遇到錯(cuò)誤，則任何后續(xù)的 .then “ steps” 都將被跳過(guò)，直到遇到 .catch。如果要覆蓋錯(cuò)誤，你要做的就是返回一個(gè)非錯(cuò)誤值。可以通過(guò)任何隨后的 .then 訪問(wèn)。
提示： 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ì)是什么？請(qǐng)選擇正確的答案：
解析
當(dāng)鏈接 .catch 時(shí)，每個(gè)僅處理先前的 .then 或 `.catch “步驟” 中引發(fā)的錯(cuò)誤。在此例中，第一個(gè) .catch 返回 console.log，只能通過(guò)在兩個(gè) .catch 之后添加 .then() 來(lái)訪問(wèn)。
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ì)是什么？請(qǐng)選擇正確的答案：
解析
提示： .catch可以簡(jiǎn)單地通過(guò)返回一個(gè)常規(guī)值來(lái)忽略（或覆蓋）錯(cuò)誤。
該技巧僅在隨后的 .then 接收該值時(shí)有效。
6. .then 之間的流程
Promise.resolve('Success!')
.then(data => {
return data.toUpperCase()
})
.then(data => {
console.log(data)
})以上代碼的輸出將會(huì)是什么？請(qǐng)選擇正確的答案：
解析
提示：.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ì)是什么？請(qǐng)選擇正確的答案：
解析：
有兩個(gè) console.log 調(diào)用將被調(diào)用。
8. .then 之間的流程
Promise.resolve('Success!')
.then(data => {
data.toUpperCase()
})
.then(data => {
console.log(data)
})以上代碼的輸出將會(huì)是什么？請(qǐng)選擇正確的答案：
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))以上代碼的輸出將會(huì)是什么？請(qǐng)選擇正確的答案：
解析：
看完上述內(nèi)容，你們掌握有哪些JavaScript Promises的面試題的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼