異步操作,promise檩电,generator

1.js中完成異編程的方法

  • 回調(diào)函數(shù)
  • 事件監(jiān)聽
  • 發(fā)布訂閱
  • Promise對象
    當(dāng)多個回調(diào)的執(zhí)行是需要按照一定順序的時(shí)候拄丰,回調(diào)函數(shù)的方式需要進(jìn)行多層嵌套。所以采用Promise的鏈試調(diào)用來解決這個問題

2.Generator函數(shù)實(shí)現(xiàn)協(xié)成

使用yield作為暫停標(biāo)記

3.generator的數(shù)據(jù)交換和錯誤處理

使用next(argument)傳參數(shù)俐末,使用throw()進(jìn)行異常or錯誤處理料按。

4.使用generator封裝異步操作

  var fetch = require('node-fetch');

  function* gen(){
      var url = 'https://api.github.com/users/github';
      var result = yield fetch(url);
      console.log(result.bio);
    }

代碼執(zhí)行的方式:

   var g = gen();
   var result = g.next();

    result.value.then(function(data){
          return data.json();
        }).then(function(data){
             g.next(data);
        });

問題:流程管理比較麻煩,即何時(shí)執(zhí)行第一階段卓箫,何時(shí)執(zhí)行第二階段载矿。

5.什么是Thunk函數(shù)

Thunk函數(shù)實(shí)現(xiàn)“傳名調(diào)用”,將參數(shù)放到一個臨時(shí)函數(shù)之中丽柿,再將這個臨時(shí)函數(shù)傳入函數(shù)體恢准。這個臨時(shí)函數(shù)就叫做 Thunk 函數(shù)。
js中的Thunk函數(shù)替換的不是表達(dá)式甫题,而是多參數(shù)函數(shù),將其替換成一個只接受回調(diào)函數(shù)作為參數(shù)的單參數(shù)函數(shù)涂召,且只接受回調(diào)函數(shù)作為參數(shù)

     // 正常版本的readFile(多參數(shù)版本)
       fs.readFile(fn, argument,callback);

    // ES6版本
    const Thunk = function(fn) {
        return function (...args) {
          return function (callback) {
             return fn.call(this, ...args, callback);
             }
          };
      };
   //函數(shù)調(diào)用方式
     var readFileThunk = Thunk(fs.readFile);
     readFileThunk(fileA)(callback);
   //相當(dāng)于fn(, , ,)變?yōu)閒n()()();

6.generator函數(shù)的流程管理

  • 使用whil循環(huán)進(jìn)行自動流程管理

    function* gen() {
       }

    var g = gen();
    var res = g.next();
    while(!res.done){
    console.log(res.value);
    res = g.next();
    }
    

注意:不適合在異步操作中坠非。因?yàn)椴粫袛嗪螘r(shí)異步操作會完成。處理方法:基于promise完成果正。即yield后面是promise對象炎码。自啟動也是基于promise的then()調(diào)用完成盟迟。

  • 使用Thunk函數(shù),Thunk函數(shù)在回調(diào)函數(shù)中將執(zhí)行權(quán)交還給generator函數(shù)

  • 異步操作流程管理潦闲,函數(shù)的手動執(zhí)行方式

     var fs = require('fs');
     var thunkify = require('thunkify');
     var readFileThunk = thunkify(fs.readFile);
    
     var gen = function* (){
         var r1 = yield readFileThunk('/etc/fstab');
         console.log(r1.toString());
         var r2 = yield readFileThunk('/etc/shells');
         console.log(r2.toString());
     };
    

手動方式:回調(diào)函數(shù)中調(diào)用g.next()將執(zhí)行權(quán)返回給generator函數(shù)

var g = gen();

var r1 = g.next();
 r1.value(function (err, data) {
   if (err) throw err;
   var r2 = g.next(data);
   r2.value(function (err, data) {
   if (err) throw err;
   g.next(data);
  });
});
  • Thunk函數(shù)的自動流程管理(不太懂)

  • 基于Promise的自啟動

    var fs = require('fs');
    
    var readFile = function (fileName){
       return new Promise(function (resolve, reject){
          fs.readFile(fileName, function(error, data){
            if (error) return reject(error);
            resolve(data);
          });
       });
    };
    
    var gen = function* (){
    var f1 = yield readFile('/etc/fstab');
    var f2 = yield readFile('/etc/shells');
    console.log(f1.toString());
    console.log(f2.toString());
    };
    

手動方式:

  var g = gen();

  g.next().value.then(function(data){
    g.next(data).value.then(function(data){
       g.next(data);
    });
 });

自動方式:

function run(gen){
  var g = gen();

  function next(data){
    var result = g.next(data);
    if (result.done) return result.value;
    result.value.then(function(data){
      next(data);
    });
 }
  next();
}
run(gen);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末攒菠,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子歉闰,更是在濱河造成了極大的恐慌辖众,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件和敬,死亡現(xiàn)場離奇詭異凹炸,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)昼弟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進(jìn)店門啤它,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人舱痘,你說我怎么就攤上這事变骡。” “怎么了芭逝?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵锣光,是天一觀的道長。 經(jīng)常有香客問我铝耻,道長誊爹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任瓢捉,我火速辦了婚禮频丘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘泡态。我一直安慰自己搂漠,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布某弦。 她就那樣靜靜地躺著桐汤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪靶壮。 梳的紋絲不亂的頭發(fā)上怔毛,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天,我揣著相機(jī)與錄音腾降,去河邊找鬼拣度。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的抗果。 我是一名探鬼主播筋帖,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼冤馏!你這毒婦竟也來了日麸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤逮光,失蹤者是張志新(化名)和其女友劉穎代箭,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體睦霎,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡梢卸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了副女。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蛤高。...
    茶點(diǎn)故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖碑幅,靈堂內(nèi)的尸體忽然破棺而出戴陡,到底是詐尸還是另有隱情,我是刑警寧澤沟涨,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布恤批,位于F島的核電站,受9級特大地震影響裹赴,放射性物質(zhì)發(fā)生泄漏喜庞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一棋返、第九天 我趴在偏房一處隱蔽的房頂上張望延都。 院中可真熱鬧,春花似錦睛竣、人聲如沸晰房。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽殊者。三九已至,卻和暖如春验夯,著一層夾襖步出監(jiān)牢的瞬間猖吴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工簿姨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留距误,地道東北人簸搞。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓扁位,卻偏偏與公主長得像准潭,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子域仇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 弄懂js異步 講異步之前刑然,我們必須掌握一個基礎(chǔ)知識-event-loop。 我們知道JavaScript的一大特點(diǎn)...
    DCbryant閱讀 2,713評論 0 5
  • Generator函數(shù)的含義與用法 Thunk函數(shù)的含義與用法 co函數(shù)庫的含義與用法 async函數(shù)的含義與用法...
    奮斗的小廢魚閱讀 968評論 1 0
  • 異步編程對JavaScript語言太重要暇务。Javascript語言的執(zhí)行環(huán)境是“單線程”的,如果沒有異步編程垦细,根本...
    呼呼哥閱讀 7,313評論 5 22
  • 本文首發(fā)在個人博客:http://muyunyun.cn/posts/7b9fdc87/ 提到 Node.js, ...
    牧云云閱讀 1,687評論 0 3
  • 特別說明择镇,為便于查閱,文章轉(zhuǎn)自https://github.com/getify/You-Dont-Know-JS...
    殺破狼real閱讀 488評論 0 0