2. 初识 JavaScript - 《JavaScript 概览》

第一个 JavaScript 程序
REPL 环境
NPM 简单介绍
总结

在上一篇文章中，我们已经了解了 JavaScript 的整个发展历史。在这一章中，我们就一起来揭开 JavaScript 的神秘面纱，来具体的看一下 JavaScript 代码。

本文主要包含以下内容：

第一个 JavaScript 程序
REPL 环境
NPM 简单介绍

第一个 JavaScript 程序

首先，我们在桌面新建一个后缀为 js 的文件，例如 index.js。

接下来使用 vscode 打开该 js 文件，输入如下的代码：

console.log("Hello World");

接下来打开终端，输入 node index.js 即可执行该文件。效果如下：

(base) Jie-Xie:desktop Jie$ node index.js
Hello World

至此，我们就书写了我们第一个 JavaScript 程序，并且运行了该代码。

代码中的 console.log 代表打印输出的意思，括号里面的 Hello World 是我们要输出的内容。

REPL 环境

如果只是简单的测试某一条代码，没有必要特意创建一个 js 文件。

为此，Node.js 中提供了 REPL 模式来快速执行 JavaScript 代码。

所谓 REPL 模式，英文全称 Read Eval Print Loop，表示“输入-求值-输出”的循环模式。在该模式下可以进入一个即时求值的运行环境，对于测试简单的代码，这个环境是非常方便的。

安装了 Node.js 后，只需要打开控制台，输入 node，即可进入 REPL 模式。

示例如下：

REPL 模式下的常见命令如下：

ctrl + c : 退出当前终端。
ctrl + c 按下两次 : 退出 Node REPL 模式
ctrl + d : 退出 Node REPL 模式
向上/向下键 : 查看输入的历史命令
tab 键 : 列出当前命令
.help : 列出使用命令
.break : 退出多行表达式
.clear : 退出多行表达式
.save filename : 保存当前的 Node REPL 会话到指定文件
.load filename : 载入当前 Node REPL 会话的文件内容

NPM 简单介绍

在前期的学习中，我们不仅需要在控制台输出内容，还会涉及到让用户在控制台输入内容。

所以这里简单介绍一下 NPM，以便安装相关的依赖包。

NPM 全称 Node Package Manager，翻译成中文就是 Node 包管理工具。

很多开发人员会将自己写好的功能代码，打包上传到 NPM 官网上，而我们可以使用 NPM 工具，就可以很轻松的从官网上下载我们所需要的包来使用，为我们书写代码带来便捷。

2. 初识 JavaScript - 图2
（图为 NPM 官网部分截图，官网地址：https://www.npmjs.com/）

举一个例子，我们现在有一个功能，是要接收用户的输入。

如果没有别人写好的第三方包，那么我们就需要书写一大堆代码，仅仅是为了能够实现接收用户的输入。

然而有了 NPM 包管理工具，我们就可以直接下载别人写好的“接收用户输入”功能的包，从而直接开始书写我们的业务逻辑代码即可。

在现在的 Node.js 版本中（Node.js 0.6 开始），NPM 已经包含在安装包里面了，我们在 Windows 或者 Mac 上安装 Node.js 时就会自动安装 NPM。

使用 npm -v 命令能够查看当前 NPM 的版本信息。

(base) Jie-Xie:~ Jie$ npm -v
6.14.8

在使用 NPM 的时候，由于有些资源被屏蔽或者是国外资源的原因，经常会导致 NPM 安装依赖包失败，这个时候我们可以对 NPM 的镜像进行配置，命令如下：

npm config set registry=https://registry.npm.taobao.org

配置完成后，可以通过 npm config list 命令来查看当前的所有配置，如下：

接下来创建一个空的项目目录，终端 cd 到这个目录下，使用 npm init -y 来初始化该目录，会生成一个 package.json 文件，该文件会记录我们项目中所使用到的所有依赖包。

然后我们可以使用 npm install <包名> 命令来安装包。例如，我们安装一个接收用户输入的包：

npm install readline-sync

接下来在项目根目录下创建 index.js，书写 JavaScript 代码。

在书写代码的时候，就可以引入这个输入模块，从而在控制台进行输入了。

示例如下：

// index.js
const readline = require("readline-sync"); // 引入安装的包
console.log("请输入一点东西:"); // 打印语句
const i = readline.question(""); // 接收用户输入的内容
console.log("你输入的是：", i); // 打印语句

效果：

总结

REPL（Read Eval Print Loop）模式，表示“输入-求值-输出”的循环模式。在该模式下可以进入一个即时求值的运行环境，对于测试简单的代码这个环境是非常有用的。
NPM 全称 Node Package Manager，是一个由 Node.js 官方提供的包管理和分发工具，上面有很多可供我们使用的包，可以为我们书写代码带来便捷。

-EOF-