[JavaScript知识库]Uniapp之API promise化

本次要点：

1.promise是什么？

2.promise怎么使用？

1.promise是什么？

?promise是一个对象，它代表了一个异步操作的最终完成或者失败。

2.promise怎么使用？

接下来看一下我们之前是如何调用uniapp里面的API的：

//这是一个request请求
uni.request({
    url: 'https://www.example.com/request',
    success: (res) => {
        console.log(res.data);
    },
    fail:(err) => {
        console.error(err)
    }
});

接下来会分别展示Vue2和Vue3使用promise的区别：

Vue2 promise如下：

uni.request({
    url: 'https://www.example.com/request'
})
.then(data => {
    // data为一个数组
    // 数组第一项为错误信息 即为 fail 回调
    // 第二项为返回数据
    var [err, res]  = data;
    console.log(res.data);
})

Vue3 promise如下：

uni.request({
   url: 'https://www.example.com/request'
})
.then(res => {
   // 此处的 res 参数，与使用默认方式调用时 success 回调中的 res 参数一致
   console.log(res.data);
})
.catch(err => {
   // 此处的 err 参数，与使用默认方式调用时 fail 回调中的 err 参数一致
   console.error(err)
})

具体 API?Promise化?的策略：

1.异步的方法，如果不传入 success、fail、complete 等 callback 参数，将以 Promise 返回数据

2.异步的方法，且有返回对象，如果希望获取返回对象，必须至少传入一项 success、fail、complete 等 callback 参数

分享不易，都观看到这里了，还不点赞收藏嘛！?