如何开始使用 NodeJS – 初学者手册

Node 是一个可以在“Web 浏览器之外”运行JavaScript代码的环境。它使用 Google 的 V8 引擎将 JavaScript 代码转换为机器代码。由于 Node 在 Web 浏览器之外运行 JavaScript 代码,这意味着它无法访问仅在浏览器中可用的某些功能,例如 DOM 或窗口对象甚至localStorage。

如何开始使用 NodeJS – 初学者手册

什么是 Node?

Node 是一个可以在“网络浏览器之外”运行 JavaScript 代码的环境。Node 就像是 – “嘿,大家好,你们将自己的 JS 代码给我,我会运行它 ”。它使用 Google 的 V8 引擎将 JavaScript 代码转换为机器代码。

由于 Node 在 Web 浏览器之外运行 JavaScript 代码,这意味着它无法访问仅在浏览器中可用的某些功能,例如 DOM 或窗口对象甚至 localStorage。

这意味着在代码的任何时候,您都不能输入 document.querySelector() 或 alert(),因为这些会产生错误(如下图所示)。

请记住:Node 用于服务器端编程,而那些浏览器功能用于客户端编程。

Node 不知道浏览器 API

前端人员不要难过——还有更多!Node 为您提供了许多 API 和模块,您可以使用它们执行各种操作,如文件处理、创建服务器等等。在深入研究 NodeJS 之前,让我们先将其安装在我们的机器上。

如何安装 NodeJS

安装 NodeJS 很简单。如果你的机器上已经安装了 Node,则可以跳过此部分。如果没有,请继续。

以下是在你的机器上下载 NodeJS 的步骤:

导航至 https://nodejs.org/下载适用于你的操作系统的 NodeJS LTS 版本运行安装程序并按照安装向导进行操作。只需对所有问题回答“是”即可。安装完成后,打开一个新的终端或命令提示符窗口并运行以下命令来验证 NodeJS 是否正确安装:node -v。如果您看到终端中打印了 NodeJS 的版本,那么恭喜您!您现在已成功在您的计算机上安装了 NodeJS。

注意:如果您在安装过程中遇到任何问题,可以参考官方 NodeJS 文档获取更详细的说明和故障排除提示。

全局变量

本文首先介绍 NodeJS 中存在的一些变量,即全局变量。这些变量基本上是存储一些数据的变量,可以从代码中的任何位置访问 – 无论代码嵌套有多深。

您应该了解这些常用的全局变量:

__dirname:此变量存储当前工作目录的路径。__filename:此变量存储当前工作文件的路径。

让我们使用它们并查看它们包含什么值。为此,让我们在桌面上创建一个名为 NodeJSTut 的新文件夹,并使用您最喜欢的文本编辑器打开它(在整个教程中,我们将使用 VS Code)。创建一个名为 app.js 的新文件并打开一个新的集成 VS Code 终端。

将以下代码粘贴到app.js文件中并保存:

// __dirname 全局变量console.log(__dirname);// __filename 全局变量console.log(__filename);

要使用 Node 运行此代码,请在终端中输入以下命令并按 Enter:node app.js。您将看到当前工作目录的绝对路径,并且当前文件的路径将打印在终端中。在我的情况下,输出如下所示:

C:桌面NodeJSTutC:桌面NodeJSTutapp.js

您可以继续创建自己的全局变量,这些变量可以从代码中的任何位置访问。您可以这样做,如下所示:

// 在 NodeJS 中定义一个全局变量global.myVariable = 'Hello World';// 访问全局变量console.log(myVariable); // 输出:Hello World

NodeJS 中的模块

在 Node.js 中,模块本质上是一段可重复使用的代码块,可用于执行一组特定的任务或提供特定的功能。模块可以包含变量、函数、类、对象或任何其他可用于完成特定任务或任务集的代码。

在 Node.js 中使用模块的主要目的是帮助将代码组织成更小、更易于管理的部分。然后可以随时导入模块并灵活使用,这有助于创建可在多个项目之间共享的可重用代码组件。

为了理解这一点,请考虑这个例子:假设您在代码中定义了许多处理大量 JSON 数据的函数。

将所有这些东西(功能数据和其他逻辑)保存在一个文件中的常见副作用是失眠和焦虑程度增加。

因此,作为一名聪明的程序员,您想到为 JSON 数据创建一个单独的文件,并为存储所有函数创建一个单独的文件。现在,您可以随时导入数据和函数并相应地使用它们。这种方法提高了效率,因为您的文件大小大大减少了。这就是模块的概念!

让我们看看如何制作自己的模块。为此,我们将编写一些代码,在名为 hello.js 的文件中定义一个名为 sayHello() 的函数。此函数将接受名称作为参数,并在控制台中简单地打印一条问候消息。

然后我们将它导入另一个名为 app.js 的文件中并在那里使用它。很有趣,对吧

以上就是如何开始使用 NodeJS – 初学者手册的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1493074.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
js如何获得加密
上一篇 2025年12月19日 15:22:36
js如何定义队列
下一篇 2025年12月19日 15:22:47

相关推荐

  • composer require-dev和require有什么不同_Composer Require与Require-Dev区别解析

    require用于声明项目运行必需的依赖,如框架、数据库组件和第三方SDK,这些包会随项目部署到生产环境;2. require-dev用于声明仅在开发和测试阶段需要的工具,如PHPUnit、PHPStan、Faker等,不会默认部署到生产环境;3. 安装时composer install根据环境决定…

    2026年5月10日
    1000
  • 开源免费PHP工具 PHP开发效率提升利器

    推荐开源免费PHP开发工具以提升效率:VS Code、Sublime Text轻量高效,PhpStorm专业强大;调试用Xdebug、Kint、Ray;依赖管理选Composer;代码质量工具包括PHPStan、Psalm、PHP_CodeSniffer;数据库管理可用%ignore_a_1%MyA…

    2026年5月10日
    000
  • 怎么在PHP代码中实现图片上传功能_PHP图片上传功能实现与安全处理教程

    首先创建含enctype的HTML表单,再用PHP接收文件,检查目录、移动临时文件,验证类型与大小,生成唯一文件名,并调整php.ini限制以确保上传成功。 如果您尝试在PHP项目中添加图片上传功能,但服务器无法正确接收或保存文件,则可能是由于表单配置、文件处理逻辑或安全限制的问题。以下是实现该功能…

    2026年5月10日
    100
  • 比特币新手教程 比特币交易平台有哪些

    比特币是一种去中心化的数字货币,基于区块链技术实现点对点交易,具有匿名性、有限发行和不可篡改等特点;新手可通过交易所购买,P2P交易获得比特币,常用平台包括Binance、OKX和Huobi;交易流程包括注册账户、实名认证、绑定支付方式、充值法币并下单购买,可选择市价单或限价单;比特币存储方式有交易…

    2026年5月10日
    000
  • 修复点击时按钮抖动:CSS垂直对齐实践

    本文探讨了在Web开发中,交互式按钮(如播放/暂停按钮)在点击时发生意外垂直位移的问题。通过分析CSS样式变化对元素布局的影响,我们发现这是由于按钮不同状态下的边框样式和内边距改变,以及默认的垂直对齐行为共同作用所致。核心解决方案是利用CSS的vertical-align属性,将其设置为middle…

    2026年5月10日
    000
  • php常量怎么用_PHP常量(define/const)定义与使用方法

    PHP中可通过define函数和const关键字定义常量,用于存储不可变值。define适用于全局作用域,支持动态名称和条件定义,如define(‘SITE_NAME’, ‘MyWebsite’);const在编译时生效,语法简洁但限制多,只能在类或全…

    2026年5月10日
    000
  • Python命令怎样使用profile分析脚本性能 Python命令性能分析的基础教程

    使用Python的cProfile模块分析脚本性能最直接的方式是通过命令行执行python -m cProfile your_script.py,它会输出每个函数的调用次数、总耗时、累积耗时等关键指标,帮助定位性能瓶颈;为进一步分析,可将结果保存为文件python -m cProfile -o ou…

    2026年5月10日
    000
  • c++如何实现UDP通信_c++基于UDP的网络通信示例

    UDP通信基于套接字实现,适用于实时性要求高的场景。1. 流程包括创建套接字、绑定地址(接收方)、发送(sendto)与接收(recvfrom)数据、关闭套接字;2. 服务端监听指定端口,接收客户端消息并回传;3. 客户端发送消息至服务端并接收响应;4. 跨平台需处理Winsock初始化与库链接,编…

    2026年5月10日
    000
  • 谷歌浏览器如何截图 谷歌浏览器页面截图技巧

    谷歌浏览器如何截图 谷歌浏览器页面截图技巧谷歌浏览器如何截图 谷歌浏览器页面截图技巧谷歌浏览器如何截图 谷歌浏览器页面截图技巧谷歌浏览器如何截图 谷歌浏览器页面截图技巧

    使用谷歌浏览器的开发者工具截图步骤:1. 按ctrl+shift+i(windows/linux)或cmd+option+i(mac)打开开发者工具。2. 点击右上角三个点,选择”更多工具”,再选择”截图”。3. 选择截取整个页面。推荐的谷歌浏览器扩展…

    2026年5月10日 用户投稿
    100
  • Golang使用Protobuf定义接口与消息格式

    Protobuf通过字段编号实现兼容性,新增字段可忽略、删除字段可保留编号,确保新旧版本互操作,支持服务独立演进。 在Golang项目中,利用Protobuf定义接口和消息格式,本质上是为服务间通信构建了一套高效、类型安全且跨语言的契约。它让数据结构清晰可见,RPC调用标准化,极大地简化了分布式系统…

    2026年5月10日
    000
  • Go语言接口与切片:如何识别和操作[]interface{}

    本文将深入探讨Go语言中如何识别和操作`[]interface{}`类型的切片。我们将介绍类型断言(Type Assertion)的关键作用,并通过`switch`语句演示如何安全地检测`[]interface{}`类型,并进而遍历其内部元素。文章旨在提供清晰的示例代码和专业指导,帮助开发者有效地处…

    2026年5月10日
    000
  • PHP多维数组到复杂XML结构的SOAP序列化实践

    本文旨在解决php多维数组向复杂soap xml结构序列化时遇到的“无法序列化结果”问题。通过深入理解soap xml的结构要求,包括命名空间和类型属性,文章将指导您如何构建符合特定xml schema的php关联数组。我们将利用`spatie/array-to-xml`库,详细演示其安装与使用方法…

    2026年5月10日
    000
  • pycharm解析器怎么添加 解析器添加详细流程

    在pycharm中添加解析器的步骤包括:1) 打开pycharm并进入设置,2) 选择project interpreter,3) 点击齿轮图标并选择add,4) 选择解析器类型并配置路径,5) 点击ok完成添加。添加解析器后,选择合适的类型和版本,配置环境变量,并利用解析器的功能提高开发效率。 在…

    2026年5月10日
    000
  • HTML文档如何工作?如何编辑HTML格式文件?

    HTML文档如何工作?如何编辑HTML格式文件?HTML文档如何工作?如何编辑HTML格式文件?HTML文档如何工作?如何编辑HTML格式文件?HTML文档如何工作?如何编辑HTML格式文件?

    浏览器解析和渲染html的过程包括:1. 解析html构建dom树;2. 结合css构建渲染树;3. 布局计算元素位置;4. 绘制像素到屏幕。编辑html可使用记事本、vs code、sublime text等文本或代码编辑器,其中vs code因语法高亮、自动补全和插件生态成为主流选择。标准htm…

    2026年5月10日 用户投稿
    000
  • 硬盘数据被误删除怎么办?教你快速找回删除的文件!

    硬盘数据被误删除,别慌!恢复数据并非不可能,关键在于你接下来的操作。立刻停止对该硬盘的任何写入操作,然后尝试使用专业的数据恢复软件。 解决方案 首先,数据恢复的原理是,删除文件后,操作系统只是将文件占用的空间标记为“可覆盖”,但文件本身的数据可能还存在于硬盘上。所以,避免新的数据写入覆盖掉旧数据,是…

    2026年5月10日
    000
  • CodeIgniter在IIS环境下实现URL重写与index.php移除指南

    本教程详细指导如何在IIS服务器上部署的CodeIgniter应用中,移除URL中不必要的index.php。核心解决方案涉及修改CodeIgniter的config.php文件,将$config[‘index_page’]设置为空,并辅以正确的IIS web.config重…

    2026年5月10日
    100
  • c++中头文件和源文件的区别_c++头文件与源文件作用对比

    头文件声明接口,源文件实现逻辑。头文件含类、函数声明及宏定义,通过#include被多文件共享,用include守卫防重;源文件实现具体功能,编译为目标文件后由链接器合并。声明与实现分离提升模块化与编译效率,模板和内联函数因需编译时可见故常置于头文件,命名空间避免符号冲突,整体结构使项目更清晰易维护…

    2026年5月10日
    000
  • Python官网用户调查的参与方式_Python官网反馈提交详细教程

    答案是通过访问Python官网新闻页面、邮件邀请链接或GitHub仓库提交反馈。具体为:访问官网查找用户调查公告,或点击邮件中的专属链接参与,在GitHub的cpython仓库提交技术建议,并注意如实填写问卷与保护隐私。 如果您希望参与Python官网的用户调查并提交反馈,可以通过官方指定的渠道完成…

    2026年5月10日
    000
  • Windows任务管理器查看HTML占用内存情况方法

    通过任务管理器可定位HTML页面内存占用过高的问题。首先使用Ctrl+Shift+Esc打开任务管理器,查看chrome.exe或msedge.exe各进程的内存使用情况;再通过Shift+Esc调用浏览器内置任务管理器,精准识别具体标签页的内存消耗;最后可用perfmon性能监视器长期监控浏览器进…

    2026年5月10日
    000
  • JavaScript Electron桌面应用

    答案:使用JavaScript开发%ignore_a_1%桌面应用需结合Web技术与Node.js,通过主进程管理窗口、渲染进程展示界面,并利用IPC通信,调用系统功能如文件对话框,最后用electron-builder打包发布,注意安全与进程职责分离。 用JavaScript开发Electron桌…

    2026年5月10日
    000

发表回复

登录后才能评论
关注微信