关于 Promise 的 9 个面试题[每日前端夜话0xFB]
请完成以下9个问题
1. 多个 .catch
1var p = new Promise((resolve, reject) => {2 reject(Error('The Fails!'))3})4p.catch(error => console.log(error.message))5p.catch(error => console.log(error.message))
以上代码的输出将会是什么?请选择正确的答案:
x打印一次消息√打印两次消息xUnhandledPromiseRejectionWarningx程序退出
解析:
我们使用构造函数方法创建一个 Promise,并通过 reject 回调立即触发错误。
然后 .catch 工作方式类似于 DOM 的 .addEventListener(event,callback) 或 Event Emitter 的 .on(event,callback),其中可以添加多个回调。每个都用同样的参数进行调用。
2. 多个 .catch
1var p = new Promise((resolve, reject) => {2 return Promise.reject(Error('The Fails!'))3})4p.catch(error => console.log(error.message))5p.catch(error => console.log(error.message))
以上代码的输出将会是什么?请选择正确的答案:
x打印一次消息x打印两次消息√UnhandledPromiseRejectionWarningx程序退出
解析:
使用 Promise 构造函数时,必须调用 resolve() 或 reject() 回调。Promise 构造函数不使用你的返回值,因此实际上不会再收到由 Promise.reject() 创建的其他 Promise。
在 Promise.reject() 之后没有 .catch 时,答案是 UnhandledPromiseRejectionWarning。
3. 链接 .then
和 .catch
1var p = new Promise((resolve, reject) => {2 reject(Error('The Fails!'))3 })4 .catch(error => console.log(error))5 .then(error => console.log(error))
以上代码的输出将会是什么?请选择正确的答案:
√ 打印错误和 undefinedx 打印两次错误x UnhandledPromiseRejectionWarningx undefined
解析
当链接 .then 和 .catch 时,将它们视为一系列步骤会很有帮助。每个 .then 都接收前一个 .then 返回的值作为其参数。但是,如果你的 “step” 遇到错误,则任何后续的 .then “ steps” 都将被跳过,直到遇到 .catch。如果要覆盖错误,你要做的就是返回一个非错误值。可以通过任何随后的 .then 访问。
提示: console.log() 总是返回 undefined。
4. 链接 .catch
1var p = new Promise((resolve, reject) => {2 reject(Error('The Fails!'))3 })4 .catch(error => console.log(error.message))5 .catch(error => console.log(error.message))
以上代码的输出将会是什么?请选择正确的答案:
√ 打印一次错误消息x 打印两次错误消息x UnhandledPromiseRejectionWarning x 程序退出
解析
当链接 .catch 时,每个仅处理先前的 .then 或 `.catch “步骤” 中引发的错误。在此例中,第一个 .catch 返回 console.log,只能通过在两个 .catch 之后添加 .then() 来访问。
5. 多个 .catch
1new Promise((resolve, reject) => { 2 resolve('Success!') 3 }) 4 .then(() => { 5 throw Error('Oh noes!') 6 }) 7 .catch(error => { 8 return "actually, that worked" 9 })10 .catch(error => console.log(error.message))
以上代码的输出将会是什么?请选择正确的答案:
x打印一次消息x打印两次消息xUnhandledPromiseRejectionWarning√不打印任何内容
解析
提示: .catch可以简单地通过返回一个常规值来忽略(或覆盖)错误。
该技巧仅在随后的 .then 接收该值时有效。
6. .then
之间的流程
1Promise.resolve('Success!')2 .then(data => {3 return data.toUpperCase()4 })5 .then(data => {6 console.log(data)7 })
以上代码的输出将会是什么?请选择正确的答案:
x打印 "Success!" 和 "SUCCESS!"x打印 "Success!"√打印 "SUCCESS!"x不打印任何内容
解析
提示:.then依次传递数据,从 return value 到下一个.then(value => / handle value /)。
为了将值传递给下一个 .then,return 是关键。
7. .then
之间的流程
1Promise.resolve('Success!')2 .then(data => {3 return data.toUpperCase()4 })5 .then(data => {6 console.log(data)7 return data8 })9 .then(console.log)
以上代码的输出将会是什么?请选择正确的答案:
x打印 "SUCCESS!"x打印 "Success!"√打印 "SUCCESS!" 和 "SUCCESS!"x不打印任何内容
解析:
有两个 console.log 调用将被调用。
8. .then
之间的流程
1Promise.resolve('Success!')2 .then(data => {3 data.toUpperCase()4 })5 .then(data => {6 console.log(data)7 })
以上代码的输出将会是什么?请选择正确的答案:
x打印 "SUCCESS!"x打印 "Success!"x打印 "SUCCESS!" 和 "SUCCESS!"√打印 undefined
解析:
提示:.then 依次传递数据,从返回值到下一个 .then(value => / handle value /)。
为了将值传递给下一个 .then,return 是关键。
9. .then
和 .catch
之间的流程
1Promise.resolve('Success!') 2 .then(() => { 3 throw Error('Oh noes!') 4 }) 5 .catch(error => { 6 return 'actually, that worked' 7 }) 8 .then(data => { 9 throw Error('The fails!')10 })11 .catch(error => console.log(error.message))
以上代码的输出将会是什么?请选择正确的答案:
x打印 "Oh noes!" 和 "The fails!"x打印 "Oh noes!"”√打印 "The fails!"x打印 "actually, that worked"x不打印任何内容
解析:
更多相关文章
- Java 开发者写 SQL 时常犯的 10 个错误
- 我通过jQuery-ajax创建了__PHP_Incomplete_Class对象此错误
- 带有括号的某些字符串导致Ajax POST操作失败,出现403错误(禁止)
- 关于制作EPG界面的光标聚焦问题(我制作的是IPTV)。可是一直为光
- 使用Selectize和Ajax时,在Bootstrap模式中显示Rails错误消息
- WCF获取URL长度限制问题:错误的请求-无效的URL。
- 为什么这个jQuery。ajax不会引发错误吗?
- 点击JSON数据加载Galleria画廊。我需要新鲜的眼睛来看我的错误
- jQuery:离线后发布错误(iOS和Chrome)