【源码共读】第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!

相关推荐
黄尚圈圈25 分钟前
Vue 中引入 ECharts 的详细步骤与示例
前端·vue.js·echarts
浮华似水1 小时前
简洁之道 - React Hook Form
前端
正小安3 小时前
如何在微信小程序中实现分包加载和预下载
前端·微信小程序·小程序
_.Switch5 小时前
Python Web 应用中的 API 网关集成与优化
开发语言·前端·后端·python·架构·log4j
一路向前的月光5 小时前
Vue2中的监听和计算属性的区别
前端·javascript·vue.js
长路 ㅤ   5 小时前
vite学习教程06、vite.config.js配置
前端·vite配置·端口设置·本地开发
长路 ㅤ   5 小时前
vue-live2d看板娘集成方案设计使用教程
前端·javascript·vue.js·live2d
Fan_web5 小时前
jQuery——事件委托
开发语言·前端·javascript·css·jquery
安冬的码畜日常5 小时前
【CSS in Depth 2 精译_044】第七章 响应式设计概述
前端·css·css3·html5·响应式设计·响应式
莹雨潇潇6 小时前
Docker 快速入门(Ubuntu版)
java·前端·docker·容器