请完成以下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打印一次消息

√打印两次消息

xUnhandledPromiseRejectionWarning

x程序退出

解析:

我们使用构造函数方法创建一个 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打印两次消息

√UnhandledPromiseRejectionWarning

x程序退出

解析:

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

以上代码的输出将会是什么?请选择正确的答案:


√  打印错误和 undefined

x  打印两次错误

x  UnhandledPromiseRejectionWarning

x  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 data
8  })
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不打印任何内容

解析