es6 --- > Thunk函数的作用

首先了解一下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