2022-12-30 Promise是构造函数,then()和catch()是绑定在原型上的方法,then的第二个参数和catch的区别,基于Promise处理AJAX请求

前端OnTheRun

已于 2023-01-04 12:25:40 修改

阅读量342

点赞数

分类专栏： Promise ajax 文章标签： javascript 前端开发语言

于 2022-12-30 18:15:47 首次发布

本文链接：https://blog.youkuaiyun.com/rowlet/article/details/128498459

版权

本文详细介绍了Promise作为构造函数的性质，探讨了Promise原型上的then和catch方法，包括它们的语法、作用及区别。特别强调了then的第二个参数与catch在捕获异常时的差异，并通过实际示例解释了如何基于Promise处理AJAX请求。重点讨论了then和catch捕获异常的就近原则以及返回值的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

1.验证:Promise的本质是一个构造函数

 var p = new Promise(function(resolve, reject) {
   
     setTimeout(() => {
   
         resolve("hello!!");
     }, 1000);
 });
 p.then(res => {
   
     console.log("成功的回调:", res);
 });
 p.catch(data => {
   
     console.log("失败的回调:", data);
 });
 // 验证:p是实例,Promise是构造函数,then()和catch()是写在原型上的方法
 console.log(p.__proto__ == Promise.prototype);//true

2.Promise的原型上绑定的属性和方法

2.1.Promise的原型上绑定的属性constructor指向new Promise出来的实例

var p = new Promise(function(resolve, reject) {
   
    resolve("hello!!");
});
p.then(res => {
   
    console.log("成功的回调:", res);
});
p.catch(data => {
   
    console.log("失败的回调:", data);
});
// 验证:p是实例,Promise是构造函数,then()和catch()是写在原型上的方法
console.log(p.__proto__ == Promise.prototype);
console.log(Promise.prototype.constructor == p);

2.2.Promise的原型上绑定的方法then

语法

Promise.prototype.then(onFulfilled,onRejected)

其中,
onFulfilled是Promise变成fulfilled状态时调用的函数
onRejected是Promise变成rejected状态时调用的函数,这个rejected函数有一个reason参数,即"被拒绝的原因(rejection reason)",如果reason参数不是函数则会在内部替换成一个"thrower"函数

说明

添加解决(fufillment)到拒绝(rejection)的回调到当前Promise,返回一个新的Promise

示例

var p=new Promise((resolve,reject)=>{
   
    resolve("ok!!!");//接受
    //reject(new Er

最低0.47元/天解锁文章