JavaScript 的Thunk 函数

在 JavaScript 语言中,Thunk 函数替换的不是表达式,而是多参数函数,将其替换成一个只接受回调函数作为参数的单参数函数

Thunk 函数转换器

//ES5
var Thunk = function(fn){
  return function (){
    var args = Array.prototype.slice.call(arguments);
    return function (callback){
      args.push(callback);
      return fn.apply(this, args);
    }
  };
};
//ES6
var Thunk = function(fn) {
  return function (...args) {
    return function (callback) {
      return fn.call(this, ...args, callback);
    }
  };
};

Thunkify 模块

使用 npm 安装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 () {
        if (called) return;
        called = true;
        done.apply(null, arguments);
      });

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

源码主要多了一个检查机制,called确保回调函数只运行一次.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Generator thunk 函数是一个返回 generator 对象的函数,这个 generator 对象可以用来执行异步的操作。 在 JavaScript 中,generator 函数是一种特殊的函数,它可以暂停执行并在需要时恢复执行。Generator 函数可以通过 yield 关键字来暂停执行,并通过 next() 方法来恢复执行。 Generator thunk 函数可以用来处理异步操作的回调函数,它会将回调函数转换成 generator 函数,并将 generator 对象返回给调用者。调用者可以通过调用 generator 对象的 next() 方法来异步执行操作,并通过 yield 关键字来暂停执行。当异步操作完成时,回调函数会将结果作为参数传递给 generator 函数,generator 函数再通过调用 next() 方法来恢复执行。 以下是一个示例代码,展示了如何使用 generator thunk 函数来处理异步操作的回调函数: ``` function* asyncOperationThunk(callback) { const result = yield callback; // 暂停执行,等待异步操作完成 return result; } // 异步操作的回调函数 function asyncOperation(callback) { setTimeout(() => { callback('异步操作完成'); }, 1000); } // 使用 generator thunk 函数来执行异步操作 const thunk = asyncOperationThunk(asyncOperation); const iterator = thunk(); // 获取 generator 对象 const next = iterator.next(); // 启动 generator 函数 next.value((result) => { console.log(result); // 输出:异步操作完成 iterator.next(result); // 恢复执行 generator 函数 }); ``` 在上面的代码中,我们首先定义了一个 generator thunk 函数 asyncOperationThunk,它接受一个回调函数作为参数。在 asyncOperationThunk 中,我们使用 yield 关键字来暂停执行,并等待异步操作完成。当异步操作完成时,回调函数会将结果作为参数传递给 generator 函数,generator 函数再通过调用 next() 方法来恢复执行。 接下来,我们定义了一个异步操作的回调函数 asyncOperation,并将它传递给 asyncOperationThunk 函数。我们使用 asyncOperationThunk 函数来创建一个 thunk 函数,并通过调用它来获取 generator 对象和启动 generator 函数。 最后,我们通过调用 generator 对象的 next() 方法来异步执行操作,并通过回调函数来获取操作结果。当操作完成时,我们再次调用 generator 对象的 next() 方法来恢复执行 generator 函数,并将操作结果作为参数传递给它。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值