Node js介绍

CaptainDrake

已于 2024-09-18 10:35:59 修改

阅读量1.4k

点赞数 10

CC 4.0 BY-SA版权

分类专栏： # Node 文章标签： javascript 开发语言 ecmascript

于 2024-09-18 10:28:37 首次发布

本文链接：https://blog.youkuaiyun.com/CaptainDrake/article/details/142326629

Node 专栏收录该内容

2 篇文章

订阅专栏

概要

240824

Sum:

本节主要谈了谈对于 Node 的认识，以及 Node 的应用场景。

然后从实践角度，谈了谈 Node 的安装过程，以及 Node 的输入输出和全局对象的理解。

需要记住的东西：

Node的概念：

Node.js是一个基于V8引擎的JS运行时环境。

Node的安装：

nvm与n来进行版本管理

全局对象

浏览器环境的全局对象指window，而node环境指global。在新的标准中还有一个globalThis，也是指向全局对象的。在浏览器环境下globalThis是指window，在node环境下是global。

对Node的认识

Node的概念理解

官方对于Node.js的定义：Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。

Node.js基于V8引擎来执行JavaScript的代码，但是不仅仅只有V8引擎：

前面我们知道V8可以嵌入到任何C ++应用程序中，无论是Chrome还是Node.js，事实上都是嵌入了V8引擎来执行JavaScript代码；

但是在Chrome浏览器中，还需要解析、渲染HTML、CSS等相关渲染引擎，另外还需要提供支持浏览器操作的API、浏览器自己的事件循环等；

另外，在Node.js中我们也需要进行一些额外的操作，比如文件系统读/写、网络IO、加密、压缩解压文件等操作；

Node和浏览器区别

注意：这个暂时看一眼即可

Node的架构图

我们编写的JavaScript代码会经过V8引擎，再通过Node.js的Bindings，将任务放到Libuv的事件循环中；

libuv（Unicorn Velociraptor—独角伶盗龙）是使用C语言编写的库；

libuv提供了事件循环、文件系统读写、网络IO、线程池等等内容；

Node的应用场景

前端常用：

应用一：目前前端开发的库都是以node包的形式进行管理；

应用二：npm、yarn、pnpm工具成为前端开发使用最多的工具；

后端常用：

应用三：越来越多的公司使用Node.js作为web服务器开发、中间件、代理服务器；

应用四：大量项目需要借助Node.js完成前后端渲染的同构应用；

更多维度：

应用五：资深前端工程师需要为项目编写脚本工具（前端工程师编写脚本通常会使用JavaScript，而不是Python或者shell）；

应用六：很多企业在使用Electron来开发桌面应用程序；

Node的安装

安装Node的LTS版本

版本概念：

LTS版本：（Long-term support, 长期支持）相对稳定一些，推荐线上环境使用该版本；

Current版本：最新的Node版本，包含很多新特性；

版本选择：

如果你是学习使用，可以选择current版本；

如果你是公司开发，建议选择LTS版本（面向工作，选择LTS版本）；

Node的安装方式：

借助于一些操作系统上的软件管理工具，比如Mac上的homebrew，Linux上的yum、dnf等；

直接下载对应的安装包下载安装；

Node的版本管理工具nvm(了解)

nvm：Node Version Manager

n：Interactively Manage Your Node.js Versions（交互式管理你的Node.js版本）

问题：这两个工具都不支持window

n：n is not supported natively on Windows.

nvm：nvm does not support Windows

Node的输入和输出

输出: console.log
输入: node aaa.js 参数process.argv

Node程序传递参数

正常情况下执行一个node程序，直接跟上我们对应的文件即可：

node index.js

但是，在某些情况下执行node程序的过程中，我们可能希望给node传递一些参数：

node index.js env=development coderwhy

如果我们这样来使用程序，就意味着我们需要在程序中获取到传递的参数：

获取参数其实是在process的内置对象中的；

如果我们直接打印这个内置对象，它里面包含特别的信息：

其他的一些信息，比如版本、操作系统等大家可以自行查看，后面用到一些其他的我们还会提到；

**现在，我们先找到其中的argv属性：**我们发现它是一个数组，里面包含了我们需要的参数；

你可能有个疑问，为什么叫argv呢？

在C/C++程序中的main函数中，实际上可以获取到两个参数：

pargc：argument counter的缩写，传递参数的个数；

pargv：argument vector（向量、矢量）的缩写，传入的具体参数。

vector翻译过来是矢量的意思，在程序中表示的是一种数据结构。

在C++、Java中都有这种数据结构，是一种数组结构；

在JavaScript中也是一个数组，里面存储一些参数信息；

我们可以在代码中，将这些参数信息遍历出来，使用

Node的输出

最常用的输入内容的方式：console.log

清空控制台：console.clear

打印函数的调用栈：console.trace

还有一些其他的方法，其他的一些console方法，可以自己在下面学习研究一下。

参考：https://nodejs.org/dist/latest-v16.x/docs/api/console.html

Case:

// 1.输出的内容
console.log("Hello World")

const num1 = 100
const num2 = 200

console.log(num1 + num2)

// 2.给程序输入内容
// node ./webpack.config.js env=development
const arg1 = process.argv[2]
const arg2 = process.argv[3]

console.log(arg1, arg2)

setTimeout(() => {
  // console.clear()
  console.trace()
}, 3000);

终端中输入内容

nathanchen@192 01_Node基础知识 % node 02_Node的输入和输出.js 100 200 300
Hello World
300
100 200

Node的全局对象

特殊的全局对象

为什么我称之为特殊的全局对象呢？

这些全局对象实际上是模块中的变量，只是每个模块都有，看来像是全局变量；

在命令行交互中是不可以使用的；

包括：__dirname、__filename、exports、module、require()

__dirname: 获取当前文件所在的路径

__filename: 获取当前文件所在的路径和文件名称

Case:

// __dirname当前的文件所在的目录结构(重要)
console.log(__dirname)
// __filename当前目录+文件名称
console.log(__filename)

nathanchen@192 01_Node基础知识 % node 03_Node中的全局对象.js
/Users/nathanchen/Downloads/CoderWhy/05_前端工程化/day48-前端工程化基础/Learn_Node_Webpack_Git/01_Node基础知识
/Users/nathanchen/Downloads/CoderWhy/05_前端工程化/day48-前端工程化基础/Learn_Node_Webpack_Git/01_Node基础知识/03_Node中的全局对象.js

其他的全局对象

process
console
定时器setTimeoutsetIntervalsetImmediateprocess.next
global和window的区别globalThis

**process对象：**process提供了Node进程中相关的信息：

比如Node的运行环境、参数信息等；

后面在项目中，我也会讲解，如何将一些环境变量读取到 process 的 env 中；

**console对象：**提供了简单的调试控制台，在前面讲解输入内容时已经学习过了。

更加详细的查看官网文档：https://nodejs.org/api/console.html

**定时器函数：**在Node中使用定时器有好几种方式：

setTimeout(callback, delay[, …args])：callback在delay毫秒后执行一次；

setInterval(callback, delay[, …args])：callback每delay毫秒重复执行一次；

setImmediate(callback[, …args])：callbackI / O事件后的回调的“立即”执行；

这里先不展开讨论它和setTimeout(callback, 0)之间的区别；

因为它涉及到事件循环的阶段问题，我会在后续详细讲解事件循环相关的知识；

process.nextTick(callback[, …args])：添加到下一次tick队列中；

具体的讲解，也放到事件循环中说明；

global对象

global是一个全局对象，事实上前端我们提到的process、console、setTimeout等都有被放到global中：

我们之前讲过：在新的标准中还有一个globalThis，也是指向全局对象的；

理解：在浏览器环境下globalThis是指window，在node环境下是global

类似于浏览器中的window；

global和window的区别

在浏览器中，全局变量都是在window上的，比如有document、setInterval、setTimeout、alert、console等等

在Node中，我们也有一个global属性，并且看起来它里面有很多其他对象。

但是在浏览器中执行的JavaScript代码，如果我们在顶级范围内通过var定义的一个属性，默认会被添加到window对象上：

let name = 'nathan'
console.log(window.name)  // nathan

但是在node中，我们通过var定义一个变量，它只是在当前模块中有一个变量，不会放到全局中：

let name = 'nathan'
console.log(global.name)  // undefined