chatGPT教我写compose函数的详细过程

0 前言

昨天希望实现一个通用的compose函数，能够接受同步函数与异步函数，并且通过异步函数同步执行来是吸纳compose函数中的所有参数函数能顺序执行。
比如compose(asyncFun3,syncFun2,asyncFun1,syncFunc0)，四个函数能从右到作顺序执行，并且完成参数从右向左的传递和处理。
昨儿花了很多，搜索到的结果质量很低，于是今天试了试chatGPT。
只能说，chatGPT牛逼！
当然，给出的答案有时会是错的，需要甄别。

1 结果

给出结果的示例代码，我这儿直接用纯js，并且全放在vue的mounted中了，可以自行按需修改——

mounted() {
    // 定义一个通用的 compose 函数
    // 这个可以提取到公共函数去
    const compose = (...fns) => {
      return fns.reduceRight((prevFn, nextFn) => {
        return async (...args) => {
          return nextFn(await prevFn(...args));
        };
      });
    };

    const asyncFunc1 = () => {
      return new Promise(resolve => {
        setTimeout(() => {
          console.log('Async Function 1');
          resolve(100);
        }, 1000);
      });
    };

    const asyncFunc2 = num => {
      return new Promise(resolve => {
        setTimeout(() => {
          console.log('Async Function 2');
          resolve(num + 50);
        }, 500);
      });
    };

    const syncFunc = num => {
      console.log(num)
      console.log('Sync Function');
      return num + 10;
    };

    const syncFunc2 = num => {
      console.log(num)
      console.log('Sync Function 2');
      return num + 10;
    };

    const runAllAsyncFunctions = compose(asyncFunc2, syncFunc2, asyncFunc1, syncFunc);

    const run = async () => {
      const result = await runAllAsyncFunctions();
      console.log('All functions completed');
      console.log('Result:', result);
    };

    run();

  }

运行结果如下——

undefined
Sync Function
Async Function 1
100
Sync Function 2
Async Function 2
All functions completed
Result: 160

2 chatGPT过程概略

可以看到，chatGPT会给出直接的代码实现，并给出一个示例。此外，还会对这个代码示例进行解释说明。

而当我提出希望使用async/await来优化代码时，它也能做到代码的修改

但是在代码生成过程中，它没有使用compose函数，于是让它再生成一份

可以发现，在这里，chatGPT出现了第一次较大的错误，它给出的代码无法运行。
但是可以将报错信息告知chatGPT，此时，它又能主动地修复bug，给出一份新的可运行的代码。

不过此时，chatGPT丢失了一开始定义的compose函数，于是要求其用compose方法来实现

但是我还有一些没懂的，于是继续提出问题，chatGPT继续给出详细的解释

前面只是做了console.log，我希望它添加参数在函数间传递

这里出现了第二处较大的问题
这里的代码是没有开头我自己添加的那个Sync Function 2的，所以实际上返回值应是150，也就是解释中的数值，而非160

这里出现了一处小问题，syncFunc的num+10未生效确实是150和160区别的原因，但是和num+50的解释是无关的

指出这个逻辑错误后，它重新生成了一份更加详细的正确运行过程解释

3 最后

不得不说，chatGPT是真的牛逼
虽然在语意逻辑、代码生成、代码运行等方面可能还存在一些问题
但是已经非常好用了，远远胜于一般的传统搜索引擎
可持续对话，搜索条件可持续添加，理解模糊语意，可进行代码定制化，代码按需优化，代码问题修复…
而且还礼貌客气，解释详细，不厌其烦，奈斯
今天是第一天注册chatgpt，第一次使用chatgpt，所以此文简要做个记录，写这篇文章都让我感觉自己就是个知识的搬运工了…
所以，以后有问题，为何不问问万能的chatgpt呢？

到此这篇关于chatGPT教我写compose函数的文章就介绍到这了,更多相关chatGPT写compose函数内容请搜索阿兔在线工具以前的文章或继续浏览下面的相关文章希望大家以后多多支持阿兔在线工具！