在前端开发中，我们常常需要使用模板来构建 HTML 页面。而传统的字符串拼接方式会显得非常繁琐和易错，特别是当我们需要在模板中嵌入大量变量时。近些年来，随着 ES6 标准的普及，一种新的模板字符串语法已经成为了开发者们的首选。然而，有时候我们需要在模板中嵌入变量并进行网络请求，这时候就需要用到一个工具包：http-template-literal。这个 NPM 包将会使你的模板字符串开发更加便捷，效率更高。
介绍
http-template-literal 是一个 Node.js 的 NPM 包，它提供了一种强大的方法来构建包含 HTTP 请求的模板字符串。这个包可以让你将网络请求作为模板字符串的一部分发给服务器，并将服务器的响应作为返回值返回。
http-template-literal 提供了两种方法来发起 HTTP 请求，分别是：
http.get：对应 HTTP 的 GET 方法。http.post：对应 HTTP 的 POST 方法。
安装
安装 http-template-literal 可以使用 NPM，输入以下命令即可：
npm install http-template-literal
使用
下面是一个基本的使用示例：
const http = require('http-template-literal');
const postId = 1;
const response = await http.get(`https://jsonplaceholder.typicode.com/posts/${postId}`);
console.log(response);代码的输出结果如下：
{
"userId": 1,
"id": 1,
"title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
"body": "quia et suscipitsuscipit recusandae consequuntur expedita et cumreprehenderit molestiae ut ut quasse iusto omnis eos"
}实现原理
http-template-literal 基于 ES6 模板字符串和 node-fetch 这个 HTTP 请求库实现了它的核心功能。
在网络请求的过程中，http-template-literal 单独执行运行时代码，处理所有表达式，并将它们注入恰当的 HTTP 请求中。当响应返回时，http-template-literal 直接将响应体的字符串返回给使用者。这使得 http-template-literal 能够将 HTTP 请求的构造和处理分离出来。
示例代码
下面是一个完整的基本示例：
-- -------------------- ---- ------- ----- ---- - --------------------------------- ----- ------- - --------------------------------------------- ----- -------- - - ------ ------ ----- ------ ------- -- -- ----- -------- - ----- ------------------ - ----- -------- --- ----------------------
结论
http-template-literal 是一个非常便捷的工具包，它可以让我们在模板字符串中进行网络请求。它的使用和安装也非常简单且易上手。它提供了两种方法来实现 HTTP 的 GET 和 POST 请求，同时也支持自定义请求头和表单数据等功能。使用 http-template-literal 将会让你的代码更加简洁、更易维护、更加高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005538981e8991b448d0b9a