在前端开发中，经常需要将字符串中的单词首字母大写。而在 HTTP 请求头中，Header 的名称一般采用短横线连接命名，即 header-case 格式，但是我们通常习惯使用驼峰式的变量名来编写JS代码，这就需要一个工具来处理这个问题。header-case-normalizer 正是一款可以帮助我们规范 HTTP Header Case 的 npm 包。
安装
使用 npm 安装 header-case-normalizer：
npm i header-case-normalizer
使用
- 使用方式
header-case-normalizer 是一个规则，它可以被应用到单个属性上，也可以被应用到一个对象上。
-- -------------------- ---- ------- ------ -------------------- ---- ------------------------- -- ------- ----- ---------- - -------------------------------------- ------------------------ -- ------------- -- ----- ----- ------- - - ---------------------- ----------------------- ------------------ ------- -- ----- ----------------- - ------------------------------ ------------------------------- -- - ------------------- ----------------------- --------------- ------- - --
- 规则说明
header-case-normalizer 插件遵循以下规则：
- 将短横线连接的单词转换为驼峰式命名。
- 将每个单词的首字母大写。
- 每个单词中的第一个字母以外的字母则不做出任何修改。
- 使用场景
我们通常在进行 HTTP 请求时，需要传递 header，有时 header 名称不适合用驼峰式命名，这时 header-case-normalizer 就可以帮助我们将 header 名称做出规范的转换，便于我们在代码中的书写和维护。
实际应用
例如，我们要请求一个 GitHub API，但是在请求时需要传递一个名为 If-None-Match 的 header，这使得我们在代码书写时造成了一些困扰。此时，我们可以使用 header-case-normalizer 将它转化为驼峰式命名，使得代码书写更为方便。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------------------- ---- -------------------------
----- ------- - ----- -- -- -
----- --- - ---------------------------------------------------
----- ------- - -
---------------- --------------------
--
----- ----------------- - ------------------------------
----- -------- - ----- -------------- - -------- ----------------- ---
------ --------------
-总结
header-case-normalizer 是一款非常实用的 npm 包，它可以帮助我们规范 HTTP 请求头中的 Header 定义，使得代码更易于维护，没有冗余的特殊字符出现。如果你在项目中需要使用短横线连接的 HTTP Header 名称，那么可以考虑使用 header-case-normalizer 来进行转换。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61119