/**
 * async 函數是使用async關鍵字聲明的函數。
 * async 函數是AsyncFunction構造函數的實例， 并且其中允許使用await關鍵字。
 * async和await關鍵字讓我們可以用一種更簡潔的方式寫出基于Promise的異步行為，而無需刻意地鏈式調用promise。
 *
 * await  操作符用于等待一個Promise 對象。它只能在異步函數 async function 中使用。
 * await 表達式會暫停當前 async function 的執(zhí)行，等待 Promise 處理完成。若 Promise 正常處理 (fulfilled)，其回調的 resolve 函數參數作為 await 表達式的值，繼續(xù)執(zhí)行
 * async function。
 * 若 Promise 處理異常 (rejected)，await 表達式會把 Promise 的異常原因拋出。
 * 另外，如果 await 操作符后的表達式的值不是一個 Promise，則返回該值本身。
 *
 *
 * */
// 模擬請求接口
function userInfo() {
	return new Promise((resolve) => {
		setTimeout(() => {
			resolve("zhangsan");
		}, 2000);
	});
}

// 接收請求的返回值
async function fetchUserInfo() {
	let res = await userInfo();
	console.log(res);
}
fetchUserInfo(); // zhangsan

// 不是異步promise
let testFn = function test(){}
async function notPromise() {
	var str = await testFn;
	console.log(str); // function test(){}
}
notPromise();

function userInfo() {
	return new Promise((resolve) => {
		setTimeout(() => {
			resolve(`接口返回值---------------1`);
		}, 2000);
	});
}

console.log("1");
let p1 = new Promise((resolve, reject) => {
	resolve("p1");
});
let p2 = new Promise((resolve, reject) => {
	resolve("p2");
});
async function getUserInfo() {
    console.log("2");
    
    p1.then((res) => {
    	console.log(res);
    });
    var awaitRes = await userInfo();
    console.log(awaitRes); // 接口返回值---------------1
    
    p2.then((res) => {
    	console.log(res);
    });
    
    console.log("3");
}
console.log("4");
getUserInfo(); // 異步方法，加入任務隊列執(zhí)行
console.log("5");

/**
 *
 * 執(zhí)行順序
 *
 * 1
 * 4
 * 2
 * 5
 * p1
 * 接口返回值---------------1
 * 3
 * p2
 *
 *
 * */