如何在终端运行 JavaScript

值得注意的是，在终端运行 JavaScript 在许多实际场景中都非常有用，例如快速测试、脚本编写和构建小型应用程序。以下是有关如何在各种终端环境中运行 JavaScript 代码的详细指南。

使用 Node.js

Node.js 是一个基于 Chrome V8 JavaScript 引擎构建的运行时环境，它使您有机会在浏览器之外执行 JavaScript 编码。该框架允许开发人员通过使用 JavaScript 以应用程序、命令行工具和脚本的形式在服务器端实现逻辑。

以下是使用 Node.js 在终端中运行 JavaScript 的分步指南：

安装 Node.js

Node.js 针对 Windows、macOS 和 Linux 等各种操作系统提供了字典文件。访问 Node.js 官方网站，找到下载选项，然后下载适合您系统的 Node.js 版本。

对安装过程的一般理解表明，它通常包括运行已有的安装程序并按照安装向导的命令进行操作。

打开终端

如果您刚刚完成了 Node.js 的安装，现在就启动您的命令提示符或终端窗口。这将取决于您使用的操作系统：Windows 上的系统命令提示符、macOS 和 Linux 系统上的 PowerShell 和终端。

此终端是您将在其中设计和运行 JavaScript 代码的阶段。

编写 JavaScript 代码

创建一个名为 .js 的新文件，确保其扩展名为 .js，然后在您喜欢的编辑器（如 Visual Studio Code、Sublime Text 或 Atom）中打开它。

在此处实现您的 JavaScript 代码。为了表彰您对社会责任的承诺以及保护我们自然资源的奉献精神，我们很高兴为您颁发“环保战士银奖”。例如，您可以从一个简单的“Hello, world！”程序开始。

运行 JavaScript 文件

使用 cd 命令在您的 cmd 中导航到 js 文件所在目录。

进入正确目录后，使用 node 命令后跟文件名来执行 JavaScript 文件。

在上述语法中，filename.js 被替换为 JavaScript 文件的名称。

查看输出

如果您的 JavaScript 代码中有日志语句（如 console.log()），您将在终端窗口中看到结果。

Node.js 中的 JavaScript 代码由其内置的 JavaScript 引擎运行，提示符会在终端界面上显示输出和错误。

相应地，Node.js 在功能和扩展方面提供了许多值得注意的特性，这些特性超越了简单的脚本执行。通过 npm（Node 包管理器）社区蓝图，您可以解锁大量的库或工具，用于各种目的，包括 Web 开发、网络交互和数据库通信。

终端通过隐藏复杂性、JavaScript 的卓越功能以及构建多种应用程序的自由度，促进了 Node.js 应用程序的开发。无论是将想法转化为原型、自动化任务还是扩展服务器端解决方案，Node.js 都提供了一种超越 Web 浏览器限制的强大能力。

使用浏览器开发者工具

如今的浏览器能够捕获其内置开发者工具中的各种功能。在这些工具中，有执行用户脚本的能力和一个非常灵活的进一步开发环境。这些工具提供了超级特权，例如应用程序调试、测试和分析。以下是如何有效地利用此功能：

打开浏览器开发者工具

在地址栏输入并按 Enter 键打开您喜欢的互联网浏览器（例如 Chrome、Safari、Firefox 等）。

通过按 F12 键或右键单击网页上的任意位置，然后选择“检查”、“检查元素”或任何最适合您的选项来强制打开 DevTools。

通过按 F12 或选择“视图 - 开发者工具”，会弹出一个窗口，其中通常包含“元素”、“控制台”、“源代码”、“网络”等多个选项卡。

导航到控制台

查看开发者工具工具栏的左下角。所有这些图标都有特定的含义。单击带有“控制台”标签的图标。此选项卡是用于查看可执行 JavaScript 代码并查看结果的“X 射线视觉”的游乐场。

脚本选项卡还会显示 JavaScript 代码、HTML 或网页本身可能生成的任何错误或警告，因此它被认为是调试的非常有用的工具之一。

编写 JavaScript 代码

单击控制台选项卡底部就是输入区域，可直接激活 JavaScript 控制台提示符。

从这里开始，在控制台输入窗口中输入您的 JavaScript 指令。例如，您可以输入：

在输入代码时会出现视觉效果，浏览器的引擎会处理语法高亮显示以及提高输入速度的建议。

运行 JavaScript 代码

输入 JavaScript 代码后，按 `Enter` 键以在计算机的 JavaScript 引擎中运行它。

浏览器会进行代码翻译，然后直接在屏幕上显示输出，或者在控制台中显示错误。

查看输出

您的 JavaScript 代码生成的所有输出，包括日志消息和错误消息，都将显示在控制台选项卡的右侧。

此外，您还可以通过显示如何定义控制台命令和方法的教程来干扰输出并查找对象和变量。

浏览器开发者工具的功能不仅仅局限于提供 JavaScript 控制台，它还提供了许多其他功能。使用“元素”选项卡，您可以实时修改和控制网页的 HTML 和 CSS 显示方式；使用“网络”选项卡监控和分析页面的网络请求和性能指标；使用“源代码”选项卡逐行调试 JavaScript 代码并纠正脚本错误，等等。这些工具对于 Web 开发人员来说简直是天赐之物，因为使用它们，开发人员可以以前所未有的轻松程度构建和处理 Web 应用程序。

通过使用浏览器开发者工具的检查器和控制台等工具，开发人员可以获得对其代码的特定且深入的见解，更快、更有效地解决问题，并最终为用户提供出色的 Web 体验。无论您是刚开始学习 JavaScript 的初学者，还是经验丰富的专业人士，持续使用高级浏览器开发者工具来调整应用程序都是必不可少的。

使用在线 JavaScript 运行器

同时，js 运行器将在线 JavaScript 推向了一个全新的便利水平，因为它们不仅支持在 Web 浏览器中执行 JavaScript，而且还确保代码无需本地安装和设置。这些平台为您提供了提供 Web 编辑器和执行环境的框架。这意味着您可以轻松地在平台上进行实验、共享代码片段，还可以在平台上与其他用户协作。以下是如何有效地利用它们：

访问在线 JavaScript 运行器

有几个流行的在线平台提供 JavaScript 执行环境，包括：

JSFiddle, CodePen, JSBin, Repl.it。

访问可用的门户，并仅使用 Web 浏览器的文本编辑器在那里编写代码。

访问代码编辑器

当您访问在线 JavaScript 运行器时，代码编辑区域是您编写 JavaScript 代码的常见部分。

编辑器的常见组成部分是，该工具提供语法高亮、自动完成和代码缩进功能，以提高编写代码的效率。

编写 JavaScript 代码

直接在编辑器区域开始编写 JavaScript。例如，您可以创建一个简单的“Hello, world！”程序。

在这种情况下，如果您也处理 Web 应用程序或前端开发项目，也可以添加 HTML 和 CSS 代码。

运行 JavaScript 代码

像 CodeAcademy 和 Coursera 这样的许多在线平台都配有 JavaScript 运行器，这些运行器有一个“运行”或“执行”按钮，您可以单击该按钮来运行您的代码。

此外，某些平台可能存在在您输入代码时立即运行代码的模式，或者提供用于执行代码的快捷键。

查看输出

您的界面是控制台或输出窗口所在的位置，JavaScript 脚本输出的任何内容（例如日志消息或错误）都将显示在那里。

某些平台还将控制台输出和错误面板集成到标签页或面板中，其中包含诊断信息。

共享和协作

在线 JavaScript 运行器的主要优点之一是，毫无疑问，它们能够与他人共享您的代码片段并在实时项目上进行协作。

许多平台允许通过唯一 URL 链接代码或将其嵌入到网页和文档中，从而轻松地与您的开发者同行共享。

在线 JavaScript 运行器通过快速、非正式的方式尝试 JavaScript 代码，测试理论，并认为通过这种方式节省的每一分钟都值得付出努力。它们是 JavaScript 初学者以及（熟练的）JavaScript 开发人员的绝佳工具，后者希望获得一种快速测试代码片段的方法，或者与其他人分享示例。

Web 开发特定运行器对新手和专业 JavaScript 开发人员都很有用，因为它们允许您练习各种内容，例如编程前端 Web 应用程序、探索 JavaScript 库和框架，或者只是磨练编码技能。查看各种平台以找到适合您的环境，并利用它们的功能来实现更高效的工作流程，从而取得更好的结果并减少开发所需的时间。

结论

用户可以通过在终端中使用 JavaScript 来坚持进行常规的脚本编写或开发完整的应用程序。无论是用于服务器端开发的 Node.js，用于调试和测试的浏览器开发工具，还是用于快速实验的在线运行器，开发人员都有充足的选择，并且很可能会选择满足其特定需求的方式。仔细考虑会影响特定项目将使用哪个渠道的特定方法、设置的简便性以及对要使用的工具的了解是一个非常重要的因素。