。

它代表了一个尚未完成但承诺未来某个时间会完成的操作结果。

Promise有三种状态#xff1a;pending#xff08;等待中#xff09;、fulfilled#xff08;已成功#xff09;和reject…前提

先说一下Promise解释

Promise是一种在JavaScript中处理异步操作的对象。

它代表了一个尚未完成但承诺未来某个时间会完成的操作结果。

Promise有三种状态pending等待中、fulfilled已成功和rejected已失败。

当一个Promise创建后它可以转换到这三种状态之一并触发对应的回调函数。

.then()方法用于注册成功处理函数如果Promise解析fulfillment这个函数会被调用并传入解析后的值。

.catch()方法则用于注册错误处理函数当Promise被拒绝rejection时这个函数会被调用接收拒绝的原因。

使用.finally()可以在无论Promise是否成功都会执行的代码块通常用于清理工作。

通过链式调用then和catch可以使异步代码看起来更像同步代码提高了代码的可读性和维护性。

例如:

let

Promise(),外部打印这个函数都是获取到的是一个promise对象通过函数.then获取到return的值。

await的作用是等待

如果等待的不是promise对象他不会阻塞后面的代码反之他等待的是一个promise对象

则会阻塞后面的代码用await在前面做修饰他会直接得到resolve里面是数据这就是await的工作。

一、async

后面实际是可以接普通函数调用或者直接量的。

所以下面这个示例完全可以正确运行。

function

testAsync();console.log(v1,v2);

test();

takeLongTime();//等待异步操作的结果阻塞后面代码的执行console.log(v);

假设一个业务分多个步骤完成每个步骤都是异步的而且依赖于上一个步骤的结果。

我们仍然用

setTimeout

${result});console.timeEnd(doIt);})

}doIt();//执行结果为:

console.time()/console.timeEnd()

2.用

step1(time1);//将Promise对象resolve(n200)的值赋给time2let

time3

step1(time3);console.log(result

${result});console.timeEnd(doIt);

}doIt();//执行结果为:

1512.904296875msb.现在把业务要求改一下仍然是三个步骤但每一个步骤都需要之前每个步骤的结果

/**

step1(time1);//将Promise对象resolve(n200)的值赋给time2let

time3

step3(time3,time2,time1);console.log(result

${result});console.timeEnd(doIt);

}doIt();//执行结果为:

step2(time1,time2).then((time3)

[time1,time2,time3])//step3需要用到time1,time2,time3因此需要返回}).then((times)

{let

step3(time1,time2,time3)}).then((result)

{console.log(result

${result});console.timeEnd(doIt);})

}doIt();//执行结果为:

somethingThatReturnAPromise();}

catch

somethingThatReturnAPromise().catch(function(err)

{console.log(err);})

this.getReportId();//第四步this.id

res;alert(4:

;this.$api[report/getMyReports]({roleId:gly}).then(data

{if

可以看到ajax请求最后执行其他部分按顺序先执行了。

可以修改下ajax的return顺序再验证下这个结论

script

this.getReportId();//第四步this.id

res;alert(4:

{this.$api[report/getMyReports]({scene:

7,roleId:

这会导致我在最后一步第四步获取的结果不准确。

常用的解决方法是把第四步的赋值操作放到第二步中即接口响应数据了再赋值。

下面用另一种方法代码同步方法来实现

2、ajax请求同步方法

{this.getReportIds();},methods:

{getReportIds()

this;//第一步this.getReportId().then(function(result)

{//第四步_this.id

this.$api[report/getMyReports]({roleId:

gly}).then(data