// async?用于修飾一個?function
//     1. async?修飾的函數(shù)，總是返回一個?Promise?對象
//     2. 函數(shù)的返回值，將自動包裝在?resolve?的?promise?中

// 1. async?修飾的函數(shù)，總是返回一個?Promise?對象
async function fn() {
    // 2. 函數(shù)的返回值，將自動包裝在?resolve?的?promise?中
    return '哈哈哈';
}
// 以后看一下博客文章之類的東西，里面會有一些變量使用 ：foo 和 bar , 無意義;
const foo = fn();
console.log(foo);
foo.then(res => {
    console.log(res);
});

// 注意: async修飾的函數(shù)被稱為異步函數(shù)，可他不是異步執(zhí)行;
console.log('我是最后一行代碼');

// 定義一個方法，為的就是返回一個 Promise 對象，讓下面的await使用;
async function getPromise() {
    return '哈哈哈';
}
console.log(1);
// 1.await只能出現(xiàn)在async修飾的函數(shù)中！
async function fn() {
    console.log(2);
    // 2.await后面跟隨的是一個promise對象;
    // 3.await返回的是: Promise對象中的then()中的回調(diào)函數(shù)中的參數(shù)res;
    const str = await getPromise();
    console.log(str);
    // 4.await能停止代碼執(zhí)行，讓后面的同步代碼，先執(zhí)行;
    console.log(3);
}
// 調(diào)用
fn();
console.log(4);
// // 以前用法: 
// axios().then(res => {
//     res.data.map()
// });
// // 以后用法: 
// async function name() {
//     let res = await axios();
//     res.data.map();
// }

// async 和 await 解決回調(diào)地獄也要用到 then-fs ,因為他直接返回 Promise 對象;
?
// 導入 then-fs
import thenFs from 'then-fs';
?
// await 一定要出現(xiàn)在異步函數(shù)中
async function fn() {
 ? ?let str1 = await thenFs.readFile('./txt/a.txt', 'utf8');
 ? ?console.log(str1);
 ? ?let str2 = await thenFs.readFile('./txt/b.txt', 'utf8');
 ? ?console.log(str2);
 ? ?let str3 = await thenFs.readFile('./txt/c.txt', 'utf8');
 ? ?console.log(str3);
}
?
// 調(diào)用函數(shù)
fn();

// 結論: 如果同一時間既有宏任務又有微任務觸發(fā)，那么優(yōu)先執(zhí)行微任務;
//     宏任務是宿主發(fā)起的會觸發(fā)重構，比較浪費資源，后執(zhí)行;
//     微任務是js解釋器發(fā)起的不會觸發(fā)重構，比較節(jié)省資源，先執(zhí)行;
// 宏任務
setTimeout(() => {
    //執(zhí)行后 回調(diào)一個宏事件
    console.log('1')
}, 0)
// 同步代碼
console.log('2');
// 同步代碼
new Promise((resolve) => {
    console.log('3');
    resolve()
// 微任務
}).then(() => {
    console.log('4');
// 微任務
}).then(()=>{
    console.log('5')
})
// 同步代碼
console.log('6')
// 2  3   6   4   5   1