node.js--初识nodejs、安装方式、执行Node程序的几种方式、Node环境和浏览器环境区别_node客户端与安装包有区别吗

目录

一、初识nodejs

1.1 nodejs概述

1.2 注意点

1.3 Nodejs可以做什么

二、安装方式

2.1 搭建方式一

2.2 搭建方式二

2.3 搭建方式三(可同时安装多个node)--推荐

三、执行Node程序的几种方式

3.1 浏览器直接执行

3.2 由于NodeJS中也集成了V8引擎, 所以浏览器可以解释执行JS代码

四、Node环境和浏览器环境区别

4.1 内置对象不同

4.2 this默认指向不同

4.3 API不同

---

一、初识nodejs

1.1 nodejs概述

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时：

• chrome是一个浏览器，它可以执行js代码
• V8即chrome的js引擎，以速度著称
• V8引擎是一款专门解释和执行JS代码的虚拟机，任何程序只要集成了V8引擎都可以执行JS代码
• nodejs也是基于js语法的，因此也可以借用v8引擎
• 运行时：代码的运行环境，有了运行时，代码才能被执行；没有运行时，代码就是一对静态的文件，就像txt文本一样

Node.js 是一个开源与跨平台的 JavaScript 运行时环境。可用于几乎任何项目的流行工具！

Node.js 应用程序运行于单个进程中，无需为每个请求创建新的线程。 Node.js 在其标准库中提供了一组异步的 I/O 原生功能（用以防止 JavaScript 代码被阻塞），并且 Node.js 中的库通常是使用非阻塞的范式编写的（从而使阻塞行为成为例外而不是规范）。

当 Node.js 执行 I/O 操作时（例如从网络读取、访问数据库或文件系统），Node.js 会在响应返回时恢复操作，而不是阻塞线程并浪费 CPU 循环等待。

这使 Node.js 可以在一台服务器上处理数千个并发连接，而无需引入管理线程并发的负担（这可能是重大 bug 的来源）。

Node.js 具有独特的优势，因为为浏览器编写 JavaScript 的数百万前端开发者现在除了客户端代码之外还可以编写服务器端代码，而无需学习完全不同的语言。

在 Node.js 中，可以毫无问题地使用新的 ECMAScript 标准，因为不必等待所有用户更新其浏览器，你可以通过更改 Node.js 版本来决定要使用的 ECMAScript 版本，并且还可以通过运行带有标志的 Node.js 来启用特定的实验中的特性

1.2 注意点

• 浏览器是JavaScript的前端运行环境
• Nodejs是JavaScript的后端运行环境
• Nodejs中无法调用DOM和BOM等浏览器内置API，因为Nodejs是一个独立的运行环境，在Nodejs运行环境中只提供了和Node相关的一些API并没有提供浏览器内置的DOM和BOM等内置API

1.3 Nodejs可以做什么

Nodejs作为一个JavaScript的运行环境，仅仅提供了基础的功能和API。然而，基于Nodejs提供的这些基础功能，很多强大的工具和框架如雨后春笋般层出不穷，例如：

• 基于Express框架（http://www.expressjs.com.cn/），可以快速构建web应用
• 基于Electron框架（https://electronjs.org/），可以构建跨平台的桌面应用
• 基于restify框架（http://restify.com/），可以快速构建API接口项目
• 读写和操作数据库、创建实用的命令行工具辅助前端开发、etc...

---

二、安装方式

2.1 搭建方式一

1.官网下载.msi安装包: https://nodejs.org/zh-cn/

2.全程下一步

3.在命令行工具中输入 node -v

4.如果出现如下内容则安装完成：

---

2.2 搭建方式二

1.官网下载.zip安装包: https://nodejs.org/zh-cn/

2.解压下载好的安装包

3.在"高级系统设置"中手动配置环境变量

4.在命令行工具中输入 node -v

 5.如果出现如下内容则安装完成：

---

2.3 搭建方式三(可同时安装多个node)--推荐

1.下载NVM: https://github.com/coreybutler/nvm-windows

2.在D盘创建dev目录

3.在Dev目录中创建两个子目录NVM和Node, 并且把下载好的nvm包解压，再将里面的文件全部复制粘贴NVM目录中：

4.在NVM目录中选中install.cmd文件，右键选择【以管理员身份运行】

在终端中直接按下回车即可

将弹出的文件另存为到NVM目录之后就可关闭 install.cmd 窗口

然后回到新建的 NVM目录中，找到并打开另存为的settings.txt文件，做如下修改：

•  root: D:\Developer\Dev\NVM
•   path: D:\Developer\Dev\Node

6.配置环境变量

 

 

 NVM_HOME: D:\Developer\Dev\NVM

 

 NVM_SYMLINK: D:\Developer\Dev\Node

 

在Path中添加 %NVM_HOME% %NVM_SYMLINK%

7.在命令行工具中输入 nvm version，验证 NVM 是否安装成功：

NVM常用命令：

• - nvm list 查看当前安装的Node.js所有版本

• - nvm install 版本号 安装指定版本的Node.js

安装多个nodejs：

会自动安装到：

• - nvm uninstall 版本号 卸载指定版本的Node.js
• - nvm use 版本号 选择使用哪一指定版本的Node.js

---

三、执行Node程序的几种方式

3.1 浏览器直接执行

由于浏览器中集成了V8引擎, 所以浏览器可以解释执行JS代码

可以直接在浏览器控制台中执行JS代码

可以在浏览器中执行JS文件中的JS代码

3.2 由于NodeJS中也集成了V8引擎, 所以浏览器可以解释执行JS代码

  2.1可以直接在命令行工具中编写执行JS代码(REPL -- Read Eval Print Loop:交互式解释器)

  2.2可以在命令行工具中执行JS文件中的JS代码

除此之外还可在一些集成工具上直接运行，例如VSCode上，可通过选中需要执行的js文件通过单击右键选择在集成终端中打开，然后直接输入 node xxx(文件名即可)

这里给出  webstorm的具体方式：

 

 

在 Windows 的 powershell 或 cmd 终端中，我们可以通过如下快捷键，来提高终端的操作效率：

---

四、Node环境和浏览器环境区别

NodeJS环境和浏览器环境一样都是一个JS的运行环境, 都可以执行JS代码.

但是由于宿主不同所以特点也有所不同

4.1 内置对象不同

- 浏览器环境中提供了window全局对象

- NodeJS环境中的全局对象不叫window, 叫global

4.2 this默认指向不同

- 浏览器环境中全局this默认指向window

- NodeJS环境中全局this默认指向空对象{}

4.3 API不同

- 浏览器环境中提供了操作节点的DOM相关API和操作浏览器的BOM相关API

- NodeJS环境中没有HTML节点也没有浏览器, 所以NodeJS环境中没有DOM/BOM