JS-Generator 执行器的实现

最新推荐文章于 2024-02-24 16:23:09 发布

zhq2005095

最新推荐文章于 2024-02-24 16:23:09 发布

阅读量2.1k

点赞数 1

分类专栏： javaScript 文章标签：异步 generator Thunk函数 promise generator执行器

本文链接：https://blog.csdn.net/zhq2005095/article/details/89300040

版权

本文介绍了如何实现JS Generator执行器，包括通过Thunk函数和Promise两种方式。Generator作为异步操作容器，需要执行器来控制其流程。Thunk函数通过回调函数交回执行权，Promise则利用then方法。文章详细阐述了两种方法的实现原理，并提供了相关示例。

摘要由CSDN通过智能技术生成

Generator 是一个异步操作的容器。它的自动执行需要一种机制，当异步操作有了结果，自动交回执行权。

两种方法可以实现执行器：

在js中实现异步的方式为回调函数，比如读取文件的操作：

fs.readFile(path, function callback(err, data) {
   
  console.log(data);
});

上面的 fs.readFile 有两个参数，第一个路径 path，第二个为回调函数；如果将 readFile 函数改成单参数的函数，类似于函数柯里化，那么结果如下：

function thunkFile(path) {
   
  return function(cb) {
   
    return fs.readFile(path, cb)
  }
}

经过转换，变为了单参数的函数，每次只接受一个参数，调用 thunkFile 函数读取文件：

let thunk = thunkFile('./a.txt');
thunk(function(err, data) {
   
  if(err) return;
  console.log(data);
});

其中 thunk 就是所谓的 thunk 函数。所谓的 thunk 函数也就是接受一个回调函数为参数的函数。

任何接受回调函数为参数的函数，都可以写成 thunk 函数的形式。下面是一个简单的 Thunk 函数转换器。

// es5版本
function Thunk(fn) {
   
  return function() {
   
    let args = [...arguments

关注

专栏目录