作者：dan levy
翻譯：瘋狂的技術宅
未經允許嚴禁轉載
?請完成以下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))
複製程式碼以上程式碼的輸出將會是什麼？請選擇正確的答案：
-
列印錯誤和
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))
複製程式碼以上程式碼的輸出將會是什麼？請選擇正確的答案：
-
列印一次錯誤訊息
-
列印兩次錯誤訊息
-
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
-
不列印任何內容
解析
提示： .catch可以簡單地通過返回一個常規值來忽略（或覆蓋）錯誤。
該技巧僅在隨後的 .then 接收該值時有效。
6. .then 之間的流程
Promise.resolve('Success!')
.then(data => {
return data.toUpperCase()
})
.then(data => {
console.log(data)
})
複製程式碼以上程式碼的輸出將會是什麼？請選擇正確的答案：
- 列印 "Success!" 和 "SUCCESS!"
- 列印 "Success!"
- 列印 "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!"
- 列印 "SUCCESS!" 和 "SUCCESS!"
- 不列印任何內容
解析：
有兩個 console.log 呼叫將被呼叫。
8. .then 之間的流程
Promise.resolve('Success!')
.then(data => {
data.toUpperCase()
})
.then(data => {
console.log(data)
})
複製程式碼以上程式碼的輸出將會是什麼？請選擇正確的答案：
- 列印 "SUCCESS!"
- 列印 "Success!"
- 列印 "SUCCESS!" 和 "SUCCESS!"
- 列印
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))
複製程式碼以上程式碼的輸出將會是什麼？請選擇正確的答案：
-
列印 "Oh noes!" 和 "The fails!"
-
列印 "Oh noes!"”
-
列印 "The fails!"
-
列印 "actually, that worked"
-
不列印任何內容
解析：
歡迎關注前端公眾號：前端先鋒，免費領取webpack從入門到進階全系列教程。
