这几个Promise的输出到底是？

看一下以下几个单选题，正确的输出是什么呢？

(1)

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

A. print message once
B. print message twice
C. Unhandled Promise Rejection Warning
D. process exits

答案：B
我们使用构造函数方法创建一个Promise实例，立即使用 reject 回调触发一个错误。
catch处理程序的工作方式类似于DOM的 .addeventlistener(事件、回调)或事件发射器的 .on(事件、回调)，其中可以添加多个回调。每个回调都具有相同的参数。

(2)

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));

A. print message once
B. print message twice
C. Unhandled Promise Rejection Warning
D. process exits

答案：C
使用Promise构造函数时，必须调用 resolve() 或 reject() 回调，创建的实例才能有效的执行 .then 或 .catch。

(3)

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

A. print error and `undefined`
B. print error twice
C. Unhandled Promise Rejection Warning
D. undefined

答案：A
第一个 console.log 打印出 reject() 抛出的错误，接着它返回了 undefined，并将其传递给了 .then。

(4)

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

A. print error message once
B. print error message twice
C. Unhandled Promise Rejection Warning
D. process exits

答案：A

当连接 .catch 时，每一个都只处理前面的 .then 或 .catch 中抛出的错误。例子中，第一个 .catch 返回 console.log，它只能在后续的链式调用中添加一个 .then 来访问。

(5)

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

A. print message once
B. print message twice
C. Unhandled Promise Rejection Warning
D. nothing prints

答案：D
.catch 可以通过返回一个常规值来忽略(或覆盖)错误。此技巧仅在后续的 .then 接收值时才有效。

(6)

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

A. print "Success!" and "SUCCESS!"
B. print "Success!"
C. print "SUCCESS!"
D. nothing prints

答案：C
Promise的链式调用是按顺序传递数据，从返回值传递到下一个。return 关键字的作用是将一个值传递给下一个。

(7)

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

A. print "SUCCESS!"
B. print "Success!"
C. print "SUCCESS!" and "SUCCESS!"
D. nothing prints

答案：C
有两个 console.log 被调用。

(8)

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

A. print "SUCCESS!"
B. print "Success!"
C. print "SUCCESS!" and "SUCCESS!"
D. prints `undefined`

答案：D
第一个 .then 没有 return 任何内容，默认返回 undefined。

(9)

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));

A. print "Oh noes!" and "The fails!"
B. print "Oh noes!"
C. print "The fails!"
D. print "actually, that worked"
E. nothing prints

答案：C
经典的链式调用和返回值传递

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

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_7513