首先了解一下javascript里面的Thunk函數(shù)的含義:將多參數(shù)函數(shù),替換成一個(gè)只接受回調(diào)函數(shù)作為參數(shù)的單參數(shù)函數(shù)

// 一個(gè)具體的例子// 正常版本的readFile(多參數(shù)函數(shù)) fs.readFile(filename, callback);// Thunk版本的readFile(單參數(shù)版本) var Thunk = function (fileName) {return function (callback) {return fs.readFile(fileName, callback);}; };// 調(diào)用方法如下: var readFileThunk = Thunk(fileName); readFileThunk(callback);// 可以看見,原本傳遞2個(gè)參數(shù)(filename, callback)通過Thunk函數(shù)變?yōu)?個(gè)參數(shù)(callback);

下面是ES5、ES6中Thunk函數(shù)的簡單實(shí)現(xiàn),理解它有助于我們使用它.

// ES5版本 var Thunk = function(fn) {return function () {// 函數(shù)參數(shù)存放在arguments里面.通過Thunk(fn)傳入方法var args = Array.prototype.splice.call(arguments);// 再次執(zhí)行Thunk函數(shù)的實(shí)例,將回調(diào)的方法傳遞進(jìn)來.return function (callback) {args.push(callback);return fn.apply(this, args);}}; };// ES6版本 // const作用于對(duì)象,代表Thunk的在物理內(nèi)存中的位置不變. const Thunk = function (fn) {// ...是擴(kuò)展運(yùn)算符,用來接收 var a = Thunk(fn)的參數(shù)return function (...args) {return function (callback) {return fn.call(this, ...args, callback);}}; };// ES6實(shí)現(xiàn)明顯比ES5簡單,且更易理解...

總結(jié):Thunk函數(shù)的使用方法如下(以讀取文件操作為例),

// 首先將方法(fs.readFile)傳進(jìn)Thunk函數(shù) var readFileThunk = Thunk(fs.readFile);// 使用readFileThunk函數(shù),傳入需要讀取的文件名(fileA),和回調(diào)函數(shù)(callback),注意括號(hào)的位置 readFileThunk(fileA)(callback);

下面看一個(gè)具體的實(shí)例:

function f(a, cb) {cb(a); } const ft = Thunk(f); ft(1)(console.log) // 1

參考《ES6標(biāo)準(zhǔn)入門》P362~P364

總結(jié)

以上是生活随笔為你收集整理的es6 --- Thunk函数的作用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。