sweetalert 异步调用

async function aaa(){
    
    
	return await swal("A wild Pikachu appeared! What do you want to do?", {
    
    
		 buttons: {
    
    
			    catch: {
    
    
			      text: "测试",
			      value: "catch111",
			    }
			},
		}).then(resolve=>{
    
    
			var aa = "我是谁";
			return aa;
		}).then( v => {
    
     console.log(v) });
}

aaa(); //我是谁

async-await

async-await是Promise和Genenerator的语法糖

//基本语法
async function demo() {
    
    
    let result = await Math.random();
    console.log(result);
}

demo();
// 0.6484863241051226
//Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: undefined}

await 后面可以跟任何的JS 表达式。虽然说 await 可以等很多类型的东西,但是它最主要的意图是用来等待 Promise 对象的状态被 resolved。
如果await的是 promise对象会造成异步函数停止执行并且等待 promise 的解决,如果等的是正常的表达式则立即执行。

假如有三个异步请求要发送,相互没有关联。你这刚学完就开始乱用。。。。

function sleep(second) {
    
    
    return new Promise((resolve, reject) => {
    
    
        setTimeout(() => {
    
    
            resolve('request:' + Math.random());
        }, second);
    })
}

async function bugDemo() {
    
    
    await sleep(1000);
    await sleep(1000);
    await sleep(1000);
    console.log('finished!');
}

bugDemo();

上面的结果虽然能打印最终的结果,但当你认真的观察下浏览器的 timeline 请求是一个结束后再发另一个的(原因就是await必须要等到Promise对象的状态变成resolved)
正常的处理是这样的:

async function demo() {
    
    
    let p1 = sleep(1000);
    let p2 = sleep(1000);
    let p3 = sleep(1000);
    await Promise.all([p1, p2, p3]); 
    //只有p1、p2、p3的状态都变成resolved,最终返回的promise状态才会变成resolved
    //p1、p2、p3的返回值组成一个数组,传递给promise的回调函数
    
    //某一个变成rejected 最终返回的promise状态就是rejected,第一个被reject的实例的返回值,会传递给promise的回调函数
    console.log('finished!');
}
demo()

所以async-await并不能取代Promise

await必须在async函数的上下文中的

// 正常 for 循环
async function forDemo() {
    
    
    let arr = [1, 2, 3, 4, 5];
    for (let i = 0; i < arr.length; i ++) {
    
    
        await arr[i];
    }
}
forDemo();//正常输出

// 因为想要炫技把 for循环写成下面这样
async function forBugDemo() {
    
    
    let arr = [1, 2, 3, 4, 5];
    arr.forEach(item => {
    
    
        await item;  //非当前上下文,变成了window
    });
}
forBugDemo();// Uncaught SyntaxError: Unexpected identifier

猜你喜欢

转载自blog.csdn.net/u013270347/article/details/88640343