在前端开发中，我们通常需要查看某个对象或值的类型以及其他元信息。虽然 JavaScript 提供了 typeof 和 instanceof 等操作符用于检查类型，但它们可能不够准确和全面，无法满足复杂场景的需求。这时候，可以使用 npm 包 inspect-with-kind 实现对任意值的深度检查，返回更加详细的类型信息。
安装
安装 inspect-with-kind 很简单，在终端中输入以下命令：
npm install inspect-with-kind
使用方法
inspect-with-kind 的主要 API 是 inspect，接收一个值作为参数，并返回该值的类型信息。下面是一些使用示例：
-- -------------------- ---- ------- ----- - ------- - - ----------------------------- ------------------------------ -- -- -------- -------------------------- -- -- -------- --------------------------- -- -- --------- -------------------------------- -- -- ----------- --------------------------- -- -- ------ ------------------------- -- -- -------- ------------------------- -- -- ------- ---------------------- -- ----- -- -- ---------- ------------------------------- -- -- -------- ----------------------- -------- -- -- ----- ----------------------- -------- -- -- ----- ----------------------- --------- -- -- ------ ------------------------------ -- -- -------- ----------------------- ---------- -- -- ------- ------------------------------------------- -- -- -------- ----------------------- --------------- -- -- ------------
通过 inspect-with-kind，我们可以清晰地了解值的类型信息，包括基本类型、对象类型、函数类型以及其他类型。此外，它还能正确识别 ES6 新增的数据结构类型（如 Map 和 Set）以及 Node.js 中常用的 Buffer 等类型。
深度检查
除了简单的类型检查，inspect-with-kind 还支持深度检查。例如，对于一个包含多层嵌套的对象，我们可以通过指定深度参数获取每一层的类型信息：
-- -------------------- ---- -------
----- - ------- - - -----------------------------
----- --- - -
-- -
-- -
-- --- -- ---
--
--
--
------------------------ - ------ - ----
--
-
-- -
-- -------- ---------
-
-
--
------------------------ - ------ - ----
--
-
-- -
-- -
-- --------
-
-
-
--注意，当设置 depth 参数时，inspect-with-kind 会将深度超出限制的部分转换为字符串 "[object Object]" 或 "[object Array]"，以避免递归过深导致性能问题。
自定义类型检查
如果需要自定义类型检查规则，inspect-with-kind 提供了 registerTypeDescriptors 方法。该方法接收一个数组作为参数，其中每个元素是一个类型描述符对象，包含 name 和 detect 两个属性。name 是类型名称，detect 是一个函数，接收一个值作为参数，并返回布尔值表示该值是否属于该类型。
以下是一个自定义类型检查的示例：
-- -------------------- ---- -------
----- - -------- ----------------------- - - -----------------------------
-------------------------
-
----- -------------
------- ----- -- ------ ----- --- -------- -- -------------------- --- ----- -- ------ ------------ --- ---------
--
---
------------------------------ -- -- --------
----------------------- -- ----- -- -- -------
--------------------- ------- -- -- ------ -- ----- ---- -- -- ------------在上述示例中，我们定义了一个名为 array-like 的新类型，它满足对象类型、length 属性为数字、不是数组类型的条件。然后，通过注册该类型描述符，我们可以在 inspect 方法中
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49774