javascript 中ES6新增的Promise 很重要解决异步回调的问题,下面用一个小案例讲一下用法
步骤:
- new Promise;
- resolve( ) 传递数值;
- return promise 对象;
- then()调用,如果链式调用多个需要return 之后的的函数;
- 定义 async 函数 , await 函数 ,后面跟 promise 函数, 链式调用需要接收上一个返回值。
代码案例
function run1(n) {
return new Promise((resolve, reject) => {
let m = n + 1;
resolve(m);
})
};
function run2(n) {
return new Promise((resolve, reject) => {
let m = n + 1;
resolve(m);
})
};
function run3(n) {
return new Promise((resolve, reject) => {
let m = n + 1;
resolve(m);
})
};
调用方法一, then()链式调用
const num = 1;
run1(num).then(data=>{
console.log(data);
return run2(data);
}).then(data=>{
console.log(data);
return run3(data);
}).then(data=>{
console.log(data) // 4
})
调用方法二 , async / await
const num = 1;
async function fun(){
var r1 = await run1(num);
var r2 = await run2(r1);
var r3 = await run3(r2);
console.log(r3) // 4
}
fun();
async 注意事项