promise基本用法
let p = new Promise(res=>{})
p.then()
Promise.all()
Promise.race();
Promise.resolve();
Promise.any()
promise总结
promise中那个程序是异步？那个是同步
- 1new Promise的回调函数方法体中随着new Promise同步执行,
- 注意：一般在方法体中编写异步代码；例如 ajax setTimeout
- 2:then 中回调函数是异步执行的
问题：then的回参赋值是什么
-
第一步看：是哪一个promise 触发then
-
第一步判断 promise是怎么创建的
- 1 如果是 new Promise 那么就是 resolve 实参
- 2 如果是 then 返回的 那么就是 then 的return
- 3 如果是 async函数执行 那么就是 async 返回的
- 4 如果是 all 那么就是数组 所有promise集合中 resolve
- 5 如果是 race 那么就是第一个状态改变并且为成功状态的promise中resolve
- 6 如果是 Promise.resolve 那么就是 resolve实参
async&await基本用法
let p1 = function () {
return new Promise((resolve, reject) => {
setTimeout(function () {
console.log('p1');
resolve('p1xxxxx');// resolve 输出异步结束的 成功结果
}, 1000)
})
}
let p2 = function () {
return new Promise((resolve, reject) => {
setTimeout(function () {
console.log('p2');
resolve('p2xxxxxxxx');
}, 2000)
})
}
// 应用：异步问题同步化
\
async function asy1(){
// 1:异步问题，同步化
let res = await p2();
console.log(res);
// 等上一个 await 执行完毕后 在执行下面的await
let res1 = await p1();
console.log(res1);
// await 返回值；就是异步执行结束，输出的结果。
return 1
}
async&await 总结
-
1 async 函数执行 返回值为 promise实例
-
2 整体都是异步程序
-
3 await 后面必须是promise，只能在async函数内部编写
问题：async中return的作用？
-
1：返回到async函数执行后，触发的then的回参中。
-
2: 在 await后执行async函数；那么return返回值 作为await返回值输出
问题：如何判断await返回值是什么？
-
第一步看 await 后面的promise实例
-
不是：报错
-
第二步看 await 后面的 promise 是如何创建的
- 1 如果是 async 函数执行 那么就是 该函数中return
- 2 如何是 new Promise 那么就是 resolve实参
- 2 如何是 then 那么就是then 回调函数中 return
async await 很好解决异步问题同步化
在多个await中，需要等 上一个await 执行结束后；在执行下一个await
上一个await执行结束的标志是什么
await 有返回值
