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 是關鍵。
廣州品牌設計公司https://www.houdianzi.com PPT模板下載大全https://redbox.wode007.com
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))