首先了解一下javascript里面的Thunk函数的含义:将多参数函数,替换成一个只接受回调函数作为参数的单参数函数

// 一个具体的例子// 正常版本的readFile(多参数函数)
fs.readFile(filename, callback);// Thunk版本的readFile(单参数版本)
var Thunk = function (fileName) {return function (callback) {return fs.readFile(fileName, callback);};
};// 调用方法如下:
var readFileThunk = Thunk(fileName);
readFileThunk(callback);// 可以看见,原本传递2个参数(filename, callback)通过Thunk函数变为1个参数(callback);

下面是ES5、ES6中Thunk函数的简单实现,理解它有助于我们使用它.

// ES5版本
var Thunk = function(fn) {return function () {// 函数参数存放在arguments里面.通过Thunk(fn)传入方法var args = Array.prototype.splice.call(arguments);// 再次执行Thunk函数的实例,将回调的方法传递进来.return function (callback) {args.push(callback);return fn.apply(this, args);}};
};// ES6版本
// const作用于对象,代表Thunk的在物理内存中的位置不变.
const Thunk = function (fn) {// ...是扩展运算符,用来接收 var a = Thunk(fn)的参数return function (...args) {return function (callback) {return fn.call(this, ...args, callback);}};
};// ES6实现明显比ES5简单,且更易理解...

总结:Thunk函数的使用方法如下(以读取文件操作为例),

// 首先将方法(fs.readFile)传进Thunk函数
var readFileThunk = Thunk(fs.readFile);// 使用readFileThunk函数,传入需要读取的文件名(fileA),和回调函数(callback),注意括号的位置
readFileThunk(fileA)(callback);

下面看一个具体的实例:

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

参考《ES6标准入门》P362~P364