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

前言

本文参加了由公众号@若川视野发起的每周源码共读活动，点击了解详情一起参与。

这是源码共读的第33期，链接：【若川视野 x 源码共读】第33期 | arrify 转数组

背景

挑了个最简单的一期开始，其实并没用过arrify，借此机会了解一番。

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

实践

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

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

源码

arrify代码仓库地址，戳这里

下载代码到本地

shell 复制代码

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扩展文件

安装依赖：

shell 复制代码

npm install

执行测试用例：

shell 复制代码

npm run test

终端输出结果如下：

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

json 复制代码

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

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

调试

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

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

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

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);
});

测试用例中测试了多种情况，