源码赏析·数组转换工具arrify

背景

在npm上查找arrify，戳这里，这个包的数据还是挺厉害。

实践

根据他的README来实操感受一下。

简单来说arrify是一个数组转换工具，可以传入任意值转换成数组。

源码

arrify代码仓库地址，戳这里

下载代码到本地

git clone git@github.com:sindresorhus/arrify.git

vscode打开项目arrify，通过GitLens插件可以了解到该项目是在9年前初始化的，最近一次更新是在2年前。

首先查看package.json, 整个库采用esm编写，还有依赖了哪些库，可执行的命令脚本只有一个test，那就安装依赖，来执行一下这个test指令。

其中开发依赖了三个库：

xo: 一个默认值很高的 js/ts linter (ESLint包装器)
ava: nodejs的测试运行器
tsd: 为类型定义编写测试，是.test-d.ts扩展文件

安装依赖：

npm install

执行测试用例：

npm run test

终端输出结果如下：

这里的报错是应该tsd的缘故，为了ts类型兼顾，问题出在了index.test-d.ts，和主程序index.js无关，ts相关知识还得加强，这里就不深纠，为强迫症考虑，可以test指令中移除 tsd

 "scripts": {
  "test": "xo && ava"
 },

执行之后再终端输出如下：

调试

安装个vscode插件，Code Debugger，可以省去自己配置写调试launch，安装了插件之后再package.json的scripts上会有调试开关，

从package.json里似乎看不出来test指令执行哪个文件，但通过了解一下ava，戳这里，这个测试插件默认会执行项目根目录下test.js。

那点击之后，执行的是test.js这个测试用例文件，代码如下：

import test from 'ava';
import arrify from './index.js';

test('main', t => {
 t.deepEqual(arrify('foo'), ['foo']);
 t.deepEqual(arrify(new Map([[1, 2], ['a', 'b']])), [[1, 2], ['a', 'b']]);
 t.deepEqual(arrify(new Set([1, 2])), [1, 2]);
 t.deepEqual(arrify(null), []);
 t.deepEqual(arrify(undefined), []);

 const fooArray = ['foo'];
 t.is(arrify(fooArray), fooArray);
});