前言
在前端开发中，我们经常需要和用户交互，询问用户一些问题，以做出相应的操作。而 answer-prompt npm 包正是为了更加方便的实现这个交互需求而被开发出来的。本文将介绍如何使用该 npm 包来实现简单的交互功能，并且对该 npm 包进行详细的解析和说明。
安装
安装 answer-prompt 只需要在终端中输入以下命令即可：
npm install answer-prompt --save
使用方法
使用 answer-prompt 非常简单，只需要在你的项目代码中引入 answer-prompt，然后使用 ask 方法向用户提出问题，就能够得到用户的回答。
引入 answer-prompt
在你的项目中引入 answer-prompt：
const answerPrompt = require('answer-prompt');或者使用 ES6 模块化：
import answerPrompt from 'answer-prompt';
使用 ask 方法
引入 answer-prompt 之后，在适当的时候调用 answerPrompt.ask() 方法来向用户提问：
answerPrompt.ask("你叫什么名字？").then((name) => {
console.log(`你好, ${name}`);
});以上代码将向用户提出一个问题，然后把用户的回答作为参数传递给then()函数，进行下一步操作。
改变提示字符颜色
使用 chalk npm 包来改变提示字符颜色，使用步骤和上述的 answerPrompt.ask() 方法相同：
const chalk = require('chalk');
answerPrompt.ask(chalk.blue('你最喜欢的颜色是什么？')).then((color) => {
console.log(`你最喜欢的颜色是 ${color}`);
});npm 包解析
主要功能
answer-prompt npm 包主要提供以下功能：
- 向用户提出问题并得到回答。
- 支持通过
chalk或colors/safe等库自定义问题的提示字符的颜色。
源码分析
answer-prompt 源码非常简单，其主要实现也只是使用了 readline 和 chalk 两个库。以下是简化版的源码：
-- -------------------- ---- -------
----- -------- - --------------------
----- ----- - -----------------
----- -- - --------------------------
------ --------------
------- --------------
---
-------- ------------- ------------- - --- -
------ --- ----------------- -- -
---------------------------------- - - -- -------- -- -
--------------------- - - - ------ - ---------------
---
---
-
----------- - ----以上源码中，readline.createInterface() 方法用来创建 readline.Interface 实例，该实例主要用来运行用户与命令行小工具之间的交互。而 chalk 用于在终端中输出不同颜色的提示文字。
接下来，ask() 函数是提出问题的核心方法。该方法主要通过 rl.question() 方法等待用户输入回答，如果用户输入，就通过 Promise 对象将其返回。
总结
在前端开发中，需要进行许多和用户的交互以及读取用户数据的操作。使用 answer-prompt npm 包，可以更加方便的实现这些交互的操作，提高开发效率和用户体验。同时，我们也可以通过分析该 npm 包的源码，来更加了解其实现机制，并且可以根据需要进行自定义和优化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75796