在我们的日常开发中，url 是一个非常普遍的数据类型。当涉及到展示 url 时，通常需要将其进行美化、格式化。npm 包 humanize-url 就是专门用于这个目的的。在本文中，我们将介绍如何使用该包，以及它的一些深度和指导意义。
安装
humanize-url 可以通过 npm 进行安装：
npm install humanize-url
使用
在代码中引入 humanize-url：
const humanizeUrl = require('humanize-url');然后，将 url 传入 humanizeUrl() 函数中：
const prettyUrl = humanizeUrl('https://www.example.com/article/123');
console.log(prettyUrl); // 输出 "example.com/article/123"humanizeUrl() 函数会返回一个已经被格式化过的 url 字符串。
深度与学习
humanize-url 提供了一个简单而有用的功能，使得展示 url 更加人性化。但它的实现值得我们深入探究。
首先，humanizeUrl() 函数使用了 Node.js 内置的 url 模块来解析并处理 url。然后，它移除了 url 中的协议部分，以及查询参数和 hash 部分。最后，它截取了域名（或子域名）之后的路径部分。
这种处理方式使得 url 更加易读和简洁。同时，它也保留了 url 中重要的信息（即基础域名和路径），并删除了不必要的细节（如协议和查询参数）。
指导意义
humanize-url 虽然只是一个小小的 npm 包，但从中可以看出一些有价值的指导意义。首先，它强调了代码应该具有人性化：展示给用户的内容不应该只是机器可读的信息，而应该是更符合人类习惯和感觉的格式。
其次，humanize-url 也体现了软件开发中的一个普遍的问题：在设计软件时，我们往往会陷入细节的泥潭，将过多的精力放在微小的功能上，而忽视了更宏观的设计思路。对于一个 url 美化的工具而言，如果只是不停地添加新的特性，而忽视了用户的真正需求，那么它最终可能只是一个臃肿、难用的产品。
因此，当我们在设计一个软件时，应该始终牢记我们的目标用户，以及他们真正需要的功能和体验。这才是一个好的产品所应该具备的特质。
示例代码
const humanizeUrl = require('humanize-url');
console.log(humanizeUrl('https://www.example.com/article/123')); // 输出 "example.com/article/123"
console.log(humanizeUrl('http://localhost:3000')); // 输出 "localhost:3000"
console.log(humanizeUrl('https://www.example.com/search?q=javascript')); // 输出 "example.com/search"来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41515