关于 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 的 9 个面试题[每日前端夜话0xFB]

使用 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

解析

关于 Promise 的 9 个面试题[每日前端夜话0xFB]

当链接 .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不打印任何内容

解析

关于 Promise 的 9 个面试题[每日前端夜话0xFB]

更多相关文章

  1. Java 开发者写 SQL 时常犯的 10 个错误
  2. 我通过jQuery-ajax创建了__PHP_Incomplete_Class对象此错误
  3. 带有括号的某些字符串导致Ajax POST操作失败,出现403错误(禁止)
  4. 关于制作EPG界面的光标聚焦问题(我制作的是IPTV)。可是一直为光
  5. 使用Selectize和Ajax时,在Bootstrap模式中显示Rails错误消息
  6. WCF获取URL长度限制问题:错误的请求-无效的URL。
  7. 为什么这个jQuery。ajax不会引发错误吗?
  8. 点击JSON数据加载Galleria画廊。我需要新鲜的眼睛来看我的错误
  9. jQuery:离线后发布错误(iOS和Chrome)

随机推荐

  1. Js中JSON.parse函数解析导致的数据异常
  2. Broadcast详解
  3. Android的NoVIP视频解析APP开发完整过程
  4. TextView支持HTML TAG
  5. android Log.isLoggable步骤的使用
  6. Android旋转本地图片并保存
  7. 通读Android文档系列 SEVER
  8. 【Android问题】解决 Android SDK下载和
  9. Developing Augmented Reality Applicati
  10. Android版本名和API Level对应关系