promise和async总结

promise是es6新增的一个对象，new Promise()就创建了这个对象。

let p = new Promise(() => {
    console.log(1)
})
// 同步执行。输出1

//p是Promise对象
p.then(() => {
    console.log(2)
})
//此时只输出1，2不会输出

let p = new Promise((resolve) => {
    console.log(1);
    resolve();//调用resolve才会输出then里的语句2
})

p.then(() => {
    console.log(2);
})
// 此时输出1、2

let p = new Promise((resolve) => {
    console.log(1);
    resolve("hello world");
})

p.then((data) => {
    console.log(data);
})
// 此时输出 hello world

get方法它的返回值是个Promise对象，axios封装就是把获取到的远程数据通过resolve（）传出来，然后才能then拿到数据。resolve传出来的值是then里面的形参

axios.get('').then((res) => {
    console.log(res);
})

async函数的返回值是Promise对象

注：普通函数return 1返回值就是1，而async函数的返回值是Promise对象

async function fun() {
    return 1;
}
let a = fun();
console.log(a)
// 输出Promise {<fulfilled>: 1}

输出的是promise对象，而不是1，那怎么拿到1呢？

async function fun() {
    return 1;
}
fun().then((data) => {
    console.log(data)
})

async就理解为Promise简写了

async function fun() {
    return 1;
}
// 其实就是
function fun() {
    return new Promise((resolve) => {
        resolve(1)
    })
}

async跟await，await后面跟promise对象

let p1 = new Promise((resolve) => {
    resolve(1);
})
let p2 = new Promise((resolve) => {
    resolve(2)
})

async function fun() {
    let a = await p1;
    let b = await p2;
    console.log(a);
    console.log(b);
}
fun()