【源码共读】第14期 | 通过remote-git-tags学会promisify

1. 前言

2. remote-git-tags

remote-git-tags是用来获取远程仓库tag的库。 在学习这个之前,先来认识下promisify是什么?

3. promisify

promisify是一个可以将回调函数转换为Promise形式函数的工具。回调函数是最原始的异步处理方案,但使用它容易引发一些问题,如回调地狱和对异常错误的捕获不够方便等。

例如:现在使用node读取文件

回调写法

js 复制代码
fs.readFile("test.txt", function (err, data) {
  if (!err) {
    console.log('callback',data.toString());
  } else {
    console.log(err);
  }
});

promise写法

js 复制代码
const promiseRead = () => {
    return new Promise((resolve, reject) => {
      fs.readFile("test.txt", function (err, data) {
        if (!err) {
          resolve(data.toString());
        } else {
          reject(err);
        }
      });
    });
  };

promisify写法

js 复制代码
import { promisify } from "node:util";

 const fn = promisify(fs.readFile);
  fn("test.txt").then((res) => {
    console.log('promisify', res.toString());
  });

自实现promisify写法

js 复制代码
const selfPromisify = (original) => {
    return (...args) => {
      return new Promise((resolve, reject) => {
        args.push((err, ...values) => {
          if (err) {
            return reject(err);
          }
          resolve(values);
        });
        Reflect.apply(original, this, args);
      });
    };
  };

  const selfFn = promisify(fs.readFile);
  const res = await selfFn("test.txt");

结果如下:

4. remote-git-tags源码调试

js 复制代码
import {promisify} from 'node:util';
import childProcess from 'node:child_process';

const execFile = promisify(childProcess.execFile);

export default async function remoteGitTags(repoUrl) {
    const {stdout} = await execFile('git', ['ls-remote', '--tags', repoUrl]);
    const tags = new Map();

    for (const line of stdout.trim().split('\n')) {
        const [hash, tagReference] = line.split('\t');
        const tagName = tagReference.replace(/^refs\/tags\//, '').replace(/\^{}$/, '');

        tags.set(tagName, hash);
    }

    return tags;
}

运行步骤:

  1. 使用child_process.exec()执行命令,用promisify包裹,返回promsie
  2. 遍历版本和Hash放到一个Map对象中,使用两次替换,最终获得版本

执行命令的结果"bac3bd8ecf9beb7b1d8dfb596cb89a7fd898936b\trefs/tags/v1.0.0\ndeb487bbb4fa1a22bbe6462aa527b2bcf0248f02\trefs/tags/v1.0.0^{}\n"

5. 总结

最后总结一波:

  1. remote-git-tags使用了child_process.execFile方法来执行命令,并通过promisify将其转换为Promise形式。它接受一个仓库URL作为参数,并返回一个包含tag信息的Map对象。

  2. 通过执行命令并遍历结果,我们将版本和对应的hash值存储在一个Map对象中,并最终获得了版本信息。

如有错误,请指正O^O!

相关推荐
IT_陈寒12 小时前
Vue这个坑我跳了两次,原来问题出在这
前端·人工智能·后端
kyriewen12 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
WebInfra13 小时前
Rspack 2.1 发布:React Compiler 提速 10 倍!
前端
李明卫杭州13 小时前
CSS 媒体查询详解:一文掌握响应式设计的核心技术
前端
lichenyang45314 小时前
从 H5 按钮到 OpenHarmony 能力调用:我如何理解 ASCF 的运行链路
前端
下家14 小时前
我放弃了 Vue/React,选择自研框架
前端·前端框架
Asize15 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙15 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
Mahut15 小时前
我用 Electron + FFmpeg 做了一个本地视频处理工作站 ClipForge
前端·ffmpeg·electron
前端Hardy15 小时前
又一个 AI 神器火了!
前端·javascript·后端