Thunk函數(shù)

Thunk函數(shù)

求值策略

var x = 1;

function f(m){
  return m * 2;     
}

f(x + 5)
傳值調(diào)用:
f(x + 5)
// 傳值調(diào)用時,等同于
f(6)

先把參數(shù)的值算出來封拧,然后傳到函數(shù)中。

傳名調(diào)用:
f(x + 5)
// 傳名調(diào)用時,等同于
(x + 5) * 2

直接把 x+5 傳進去 然后在函數(shù)被調(diào)用的時候計算值

傳值調(diào)用和傳名調(diào)用,哪一種比較好捂龄?回答是各有利弊。傳值調(diào)用比較簡單加叁,但是對參數(shù)求值的時候倦沧,實際上還沒用到這個參數(shù),有可能造成性能損失它匕。
function f(a, b){
  return b;
}

f(3 * x * x - 2 * x - 1, x);

上面代碼中f 傳入了一個很復(fù)雜的參數(shù) 但是在函數(shù)中根本沒用到展融,如果我們先計算在傳入,那么就是在浪費性能豫柬。


Thunk 函數(shù)的含義

把一個參數(shù)放入到一個臨時函數(shù)中告希,然后把這個函數(shù)當(dāng)作參數(shù)傳入到另一個函數(shù)中,這個臨時函數(shù)就叫做Thunk函數(shù)烧给。

function f(m){
  return m * 2;     
}

f(x + 5);

// 等同于

var thunk = function () {
  return x + 5;
};

function f(thunk){
  return thunk() * 2;
}

上面代碼把 x+5 放入到臨時函數(shù)中燕偶,然后傳入到f中。


js中使用Thunk函數(shù)

在 JavaScript 語言中础嫡,Thunk 函數(shù)替換的不是表達(dá)式指么,而是多參數(shù)函數(shù),將其替換成單參數(shù)的版本榴鼎,且只接受回調(diào)函數(shù)作為參數(shù)伯诬。
// 正常版本的readFile(多參數(shù)版本)
fs.readFile(fileName, callback);

// Thunk版本的readFile(單參數(shù)版本)
var readFileThunk = Thunk(fileName);
readFileThunk(callback);

var Thunk = function (fileName){
 return function (callback){
   return fs.readFile(fileName, callback); 
 };
};

上面函數(shù)就相當(dāng)于柯里化, 先固定一個非回調(diào)函數(shù)的參數(shù)巫财,返回一個函數(shù)盗似,這個函數(shù)接受剩下的那個回調(diào)函數(shù)作為參數(shù)。


一個簡單的Thunk函數(shù)轉(zhuǎn)換器
var Thunk = function(fn){
  return function (){
    var args = Array.prototype.slice.call(arguments);//獲取第一次傳入的參數(shù)(下面的fileA)平项,組成數(shù)組赫舒。
    return function (callback){ //第一次傳入?yún)?shù)后會返回一個函數(shù) 這個函數(shù)接受一個回調(diào)作為參數(shù)
      args.push(callback); //把回調(diào)也放入數(shù)組中
      return fn.apply(this, args); //把這個數(shù)組用apply的調(diào)用方式傳入最開始的函數(shù)中
    }
  };
};

var readFileThunk = Thunk(fs.readFile);
readFileThunk(fileA)(callback);

Thunkify 模塊

安裝:

$ npm install thunkify

使用:

var thunkify = require('thunkify');
var fs = require('fs');

var read = thunkify(fs.readFile);
read('package.json')(function(err, str){
 // ...
});

Thunkify 的源碼:

function thunkify(fn){
  return function(){
    var args = new Array(arguments.length);
    var ctx = this;

    for(var i = 0; i < args.length; ++i) {
      args[i] = arguments[i];
    }

    return function(done){
      var called;

      args.push(function(){  //傳入這個函數(shù)作為回調(diào)函數(shù)
        if (called) return; 
        called = true; //調(diào)用第一次后 called 變?yōu)閠rue 無法調(diào)用第二次
        done.apply(null, arguments); //這段代碼等于 console.log.apply(null,arguments) arguments 是一個數(shù)組 就是sum的值
      });

      try {
        fn.apply(ctx, args);
      } catch (err) {
        done(err);
      }
    }
  }
};

function f(a, b, callback){
  var sum = a + b;
  callback(sum);
  callback(sum);
}

var ft = thunkify(f);
ft(1, 2)(console.log); 
// 3

上面代碼中做了個判斷 防止回調(diào)重復(fù)調(diào)用


Thunk 函數(shù)現(xiàn)在可以用于 Generator 函數(shù)的自動流程管理

var fs = require('fs');
var thunkify = require('thunkify');
var readFile = thunkify(fs.readFile); //得到一個Thunk函數(shù)

var gen = function* (){
  var r1 = yield readFile('/etc/fstab'); //先傳入第一個非回調(diào)參數(shù) ,其返回值是一個函數(shù) 并且這個函數(shù)接受一個回調(diào)作為參數(shù)
  console.log(r1.toString());
  var r2 = yield readFile('/etc/shells');
  console.log(r2.toString());
};

var g = gen();
//變量 g 是 Generator 函數(shù)的內(nèi)部指針闽瓢,表示目前執(zhí)行到哪一步号阿。next 方法負(fù)責(zé)將指針移動到下一步,并返回該步的信息(value 屬性和 done 屬性)鸳粉。
var r1 = g.next(); // 運行到r1 部分
r1.value(function(err, data){ //r1.value 返回的就是一個函數(shù) 接受一個回調(diào)作為參數(shù)
  if (err) throw err;
  var r2 = g.next(data);//data就是上一階段異步操作的返回結(jié)果傳入到 r2中
  r2.value(function(err, data){ //r2 部分同樣接受到回調(diào)函數(shù) 并且 把接受到的數(shù)據(jù)傳入到下一個next中
    if (err) throw err;
    g.next(data); //傳入數(shù)據(jù) 函數(shù)最后階段結(jié)束
  });
});

Thunk 函數(shù)真正的威力扔涧,在于可以自動執(zhí)行 Generator 函數(shù)。

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

  function next(err, data) { 
    var result = gen.next(data); //第一次data沒有參數(shù)届谈,且done為false
    if (result.done) return; //done為false 時候繼續(xù)下面的代碼
    result.value(next); //那next當(dāng)作回調(diào)傳入到 f1 的返回函數(shù)中當(dāng)f1 的異步操作結(jié)束時候會調(diào)用這個回調(diào)函數(shù) 并且把data傳入到gen.next(data)中 就這樣遞歸運行
  }

  next(); //1.先運行next
}

run(gen);

var gen = function* (){
  var f1 = yield readFile('fileA');
  var f2 = yield readFile('fileB');
  // ...
  var fn = yield readFile('fileN');
};

run(gen);

當(dāng)Thunk函數(shù)傳入第一個非回調(diào)參數(shù)枯夜,并且異步操作結(jié)束時,會調(diào)用第二個回調(diào)函數(shù)參數(shù)艰山,根據(jù)這一點 我們可以在Thunk函數(shù)結(jié)束第一階段的異步操作時湖雹,拿到異步結(jié)果讓不到next()中 在把next(data)放入到回調(diào)函數(shù)中,讓他自動觸發(fā)進行下一步曙搬。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末摔吏,一起剝皮案震驚了整個濱河市鸽嫂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌征讲,老刑警劉巖据某,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異诗箍,居然都是意外死亡癣籽,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門滤祖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來筷狼,“玉大人,你說我怎么就攤上這事匠童」〔模” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵汤求,是天一觀的道長楞遏。 經(jīng)常有香客問我,道長首昔,這世上最難降的妖魔是什么寡喝? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮勒奇,結(jié)果婚禮上预鬓,老公的妹妹穿的比我還像新娘。我一直安慰自己赊颠,他們只是感情好格二,可當(dāng)我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著竣蹦,像睡著了一般顶猜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上痘括,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天长窄,我揣著相機與錄音,去河邊找鬼纲菌。 笑死挠日,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的翰舌。 我是一名探鬼主播嚣潜,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼椅贱!你這毒婦竟也來了懂算?” 一聲冷哼從身側(cè)響起只冻,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎计技,沒想到半個月后喜德,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡酸役,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了驾胆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片涣澡。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖丧诺,靈堂內(nèi)的尸體忽然破棺而出入桂,到底是詐尸還是另有隱情,我是刑警寧澤驳阎,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布抗愁,位于F島的核電站,受9級特大地震影響呵晚,放射性物質(zhì)發(fā)生泄漏蜘腌。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一饵隙、第九天 我趴在偏房一處隱蔽的房頂上張望撮珠。 院中可真熱鬧,春花似錦金矛、人聲如沸芯急。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽娶耍。三九已至,卻和暖如春饼酿,著一層夾襖步出監(jiān)牢的瞬間榕酒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工故俐, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留奈应,地道東北人。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓购披,卻偏偏與公主長得像杖挣,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子刚陡,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,452評論 2 348

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

  • 傳統(tǒng)方法 ES6誕生以前惩妇,異步編程的方法株汉,大概有下面四種。 回調(diào)函數(shù) 事件監(jiān)聽 發(fā)布/訂閱 Promise對象 G...
    oWSQo閱讀 792評論 0 1
  • compose 函數(shù)做為另一個函數(shù)的參數(shù)時歌殃,因為函數(shù)式參數(shù)乔妈,所以先執(zhí)行作為參數(shù)的函數(shù)。 函數(shù)柯里化 接受多個參數(shù)的...
    谷子多閱讀 1,256評論 0 1
  • 同步應(yīng)用 簡介 基本概念 Generator函數(shù)式ES6提供的一種異步編程解決方案,語法行為和傳統(tǒng)函數(shù)完全不同.語...
    JarvanZ閱讀 1,191評論 0 1
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,090評論 1 32
  • 高效能慢生活踐行第244天 每天使用1%的時間氓皱,進步1%路召,成為1%的人! 早安~不念過去波材,不畏將來 早睡: 11:...
    潔__白閱讀 410評論 0 0