Asncy await Promise的使用

来源:互联网 发布:淘宝生日礼包在哪领取 编辑:程序博客网 时间:2024/05/16 10:26

更多博客 https://70kg.info

const fetch = () => {    return new Promise((resolve, reject) => {        setTimeout(() => {            // resolve('success');            reject('error');        }, 2000);    });};const testAsync = async() => {    try {         return await fetch();    } catch (error) {        return Promise.reject(error);    }};testAsync().then((result)=> {    console.log('这是成功的--->' + result);}).catch((error)=> {    console.log('这是失败的--->' + error);});;

async函数返回的一个 Promise, 调用耗时函数前面加 await 关键字,返回成功的值,可以使用 try..catch 来进行捕获错误。上面的代码可以模拟一次请求的过程,最基本用法差不多都包括了

点我运行

Promise.then是异步的

var promise = new Promise(function (resolve){    console.log("inner promise"); // 1    resolve(42);});promise.then(function(value){    console.log(value); // 3});console.log("outer promise"); // 2----------inner promise // 1outer promise // 242            // 3

为啥这样

更多的关于 Promise 看下面的这本电子书,就不扯了,啦啦啦。

参考:
JavaScript Promise迷你书(中文版)

原创粉丝点击