Share 9 interview questions about JavaScript Promises

Please complete the following 9 questions

1. Multiple.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))

What will be the output of the above code? Please choose the correct answer:

• [ ] Print the message once
• [x] Print the message twice
• [ ]UnhandledPromiseRejectionWarning
• [ ] Program exit

Analysis:

We use the constructor method to create a Promise and pass therejectcallback The error is triggered immediately.

Then.catchworks similar to DOM's.addEventListener(event, callback)or Event Emitter's.on(event, callback), wherecan add multiple callbacks.Each is called with the same parameters.

2. Multiple.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))

[ ] Print the message once
• [ ] Print the message twice
• [x]
• UnhandledPromiseRejectionWarning
[ ] Program exit

Analysis:

resolve()orreject()callback. The Promise constructor does not use your return value, so no other Promises created byPromise.reject()will actually be received.

.catchafterPromise.reject(), the answer isUnhandledPromiseRejectionWarning.

3. Link.thenand.catch

var p = new Promise((resolve, reject) => { reject(Error('The Fails!')) }) .catch(error => console.log(error)) .then(error => console.log(error))

[x] prints an error and
• undefined
[ ] prints twice an error
• [ ]
• UnhandledPromiseRejectionWarning
[ ]
• undefined

Parsing

.thenand.catch, it's helpful to think of them as a series of steps. Each.thenreceives as its argument the value returned by the previous.then. However, if your "step" encounters an error, any subsequent.then"steps" will be skipped until.catchis encountered. If you want to override an error, all you have to do is return a non-error value. Can be accessed via any subsequent.then.

Tip:console.log()always returnsundefined.

4. Link.catch##

var p = new Promise((resolve, reject) => { reject(Error('The Fails!')) }) .catch(error => console.log(error.message)) .catch(error => console.log(error.message))

• [ ] Print the error message twice
• [ ] UnhandledPromiseRejectionWarning
• [ ] Program exit

When chaining

, each only processes the previous.thenor`.catchError raised in "step". In this example, the first.catchreturnsconsole.log, which can only be achieved by adding.then() after the two.catchCome visit.

5. Multiple.catch##

new Promise((resolve, reject) => { resolve('Success!') }) .then(() => { throw Error('Oh noes!') }) .catch(error => { return "actually, that worked" }) .catch(error => console.log(error.message))

[ ] Print the message once

[ ] Print the message twice
• [ ] UnhandledPromiseRejectionWarning
• [x] Print nothing
• Parsing

Tip:

.catchcan be done simply by returning a regular value to ignore (or override) errors.This trick only works when subsequent.then

.then

Promise.resolve('Success!') .then(data => { return data.toUpperCase() }) .then(data => { console.log(data) })

[ ] print "Success!" and "SUCCESS!"

[ ] print "Success!"
• [x] print "SUCCESS!"
• [ ] Does not print anything
• Parsing

Tips: .then passes the data in sequence, starting fromreturn value

.then(value => /* handle value */).In order to pass the value to the next.then

returnis the key.

.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是关键。

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!"”
• [x] 打印 "The fails!"
• [ ] 打印 "actually, that worked"
• [ ] 不打印任何内容

解析：

本文转载自：https://segmentfault.com/a/1190000021255822

英文原文地址： https://danlevy.net/javascript-promises-quiz/

相关教程推荐：JavaScript视频教程

The above is the detailed content of Share 9 interview questions about JavaScript Promises. For more information, please follow other related articles on the PHP Chinese website!