Promise的使用

Promise的基本使用方法

0、基本解释

• new Promise(arg) 的参数arg是函数，函数里正常的函数按照同步任务执行
• arg() 的两个参数(resolve, reject)也都是函数，这两个函数的参数是你异步得到的准备返回出去的结果“value”
• resolve(“value”)的结果 “value” 通过.then((v)=>{return v}) 获得
• resolve一般写在和最后获取到异步结果的相同作用域内，例如本文第三个代码

1、最常用的使用方法–网页请求

//a.js
const promise1 = new Promise(function (resolve, reject) {
    var value = 111;
    resolve(value);
});

//b.js
promise1.then((e) => {
    console.log(e)
    //111
})

2、IO、setTimeout 等宏任务不适用

// a.js
promise1 = new Promise(function (resolve, reject) {
    setTimeout(() => {
        var value = 111;// 这里定义的value，resolve并不会读取到值
    }, 1000)
    resolve(value);
});

// b.js
promise1.then((e) => {
    console.log(e)
    // value is not define
})

3、当然如果你可以把resolve写到宏任务（setTimeout）里，是可以的

// a.js
promise1 = new Promise(function (resolve, reject) {
    setTimeout(() => {
        var value = 111;
        resolve(value);
    }, 1000)
});

// b.js
promise1.then((e) => {
    console.log(e) // 111
})