Es中的Asybc 与 await

const work = async function (){

    var data1 = await loadfile("txts/1.txt");

    console.log(data1);

    var data2 = await loadfile("txts/2.txt");

    console.log(data2);

 

    var data3 = await loadfile("txts/3.txt");

    console.log(data3);

    console.log("★");

}    

　　

async必须出现在function标识符之前，表示这里面有await语句。说明这是一个异步函数。

await必须出现在async标记过的函数里面。表示“等待”。

awati必须添加在能返回Promise对象的函数之前。

此时牛逼的事儿：

我们的异步语句，此时像同步语句一样了！！可以一条执行完毕之后，再执行另一条！！等号的左侧现在可以接受返回值了。

 注意，要使用这个特性，必须升级babel的插件：

npm install --save-dev babel-plugin-transform-runtime

改变.babelrc文件：

{

    "presets": ["env","es2015","es2016","es2017"],

    "plugins": [

    "syntax-object-rest-spread",
    
    "transform-es2015-spread",

    "transform-object-rest-spread",

    "transform-runtime"

    ]

}    　

补充一点理论知识：

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。

Promise对象有以下两个特点  。

（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和Rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。

（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从Pending变为Resolved和从Pending变为Rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果。如果改变已经发生了，你再对Promise对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。