第js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫法首先我們假設(shè)有一方法readFile可以讀取文件內(nèi)容,但是它是異步的。

vargen=function*(){

vara=yieldreadFile('./a.txt');

console.log(a.toString());

varb=yieldreadFile('./b.txt');

console.log(b.toString());

};

首先我們看下上面的代碼，如果我們將function后面的*改成async，將yield改成await，也就是下面的代碼

vargen=functionasync(){

vara=awaitreadFile('./a.txt');

console.log(a.toString());

varb=awaitreadFile('./b.txt');

console.log(b.toString());

};

是不是就是我們想要的同步寫異步操作了，第一種寫法就是es6中新支持的特性，Generator函數(shù)，那什么是Generator函數(shù)呢，簡(jiǎn)單來(lái)說(shuō)Generator函數(shù)有多種理解角度。語(yǔ)法上，首先可以把它理解成，Generator函數(shù)是一個(gè)狀態(tài)機(jī)，封裝了多個(gè)內(nèi)部狀態(tài)。執(zhí)行Generator函數(shù)會(huì)返回一個(gè)遍歷器對(duì)象，也就是說(shuō)，Generator函數(shù)除了狀態(tài)機(jī)，還是一個(gè)遍歷器對(duì)象生成函數(shù)。返回的遍歷器對(duì)象，可以依次遍歷Generator函數(shù)內(nèi)部的每一個(gè)狀態(tài)。上面的官方解釋看不懂沒(méi)關(guān)系。我們下面用例子演示下。

function*func(){

console.log("one");

yield'1';

console.log("two");

yield'2';

console.log("three");

return'3';

varf=func();

f.next();//one//{value:"1",done:false}

f.next();//two//{value:"2",done:false}

f.next();//three//{value:"3",done:true}

f.next();//{value:undefined,done:true}

上面的代碼我們第一次調(diào)用f.next()時(shí)，函數(shù)func開始執(zhí)行，并在執(zhí)行到第一個(gè)yield時(shí)停住，并返回yield后面表達(dá)式的值，格式就是{value:1,done:false}這種格式，value就是yield表達(dá)式的值

done表示func函數(shù)是否執(zhí)行完畢，此時(shí)如果我們?nèi)绻又{(diào)用f.next(),類推將返回第二yield后面表達(dá)式的值，也就是{value:2,done:false}。我們可以繼續(xù)調(diào)用f.next()直至done變成true，它表示func函數(shù)執(zhí)行完了。

function*func(){

vara=yield'1';

console.log(a);

varb=yield'2';

console.log(b);

varf=func();

f.next();

f.next('1');

f.next(2我們繼續(xù)改造func函數(shù)為上面這種，在next分別傳入1和2，我們會(huì)發(fā)現(xiàn)console.log(a)打印1，console.log(b)打印2，也就是我們可以傳值到Generator函數(shù)中。

現(xiàn)在我們回到下面這段代碼上面來(lái)，然后重新設(shè)計(jì)下，并實(shí)現(xiàn)readFile函數(shù)。

vargen=function*(){

vara=yieldreadFile('./a.txt');

console.log(a.toString());

varb=yieldreadFile('./b.txt');

console.log(b.toString());

varreadFile=function(fileName){

returnnewPromise((resolve)={

fs.readFile(fileName,(err,data)={

resolve(data);

})

});

functionrun(fn){

vargen=fn();

functionnext(data){

varresult=gen.next(data);

if(result.done)return;

result.value.then((data)={

next(data);

})

}

next();

run(gen);

看上面的代碼我們用promise實(shí)現(xiàn)readFile函數(shù)，此時(shí)我們yield的返回值就是一個(gè)promise對(duì)象了，我們就可以使用，result.value.then((data)={next(data);})將yield返回的value值重新傳回Generator函數(shù)，這樣我們的console.log(a.toString());就可以獲取到a.txt文件中的內(nèi)容了，if(result.done)return