(一)Node.js与Javascript的区别与联系
Javascript=ECMAScript+web API
Node.js=ECMAScript+node API
更具体来说: Node.js=ECMAScript+CommonJS+node API
commonJS规范覆盖了模块、二进制、Buffer、 字符集、I/O流、进程环境、文件系统、单元测试、 包管理等。
CommonJS规范 -- JavaScript 标准参考教程(alpha)
(二)进程&线程
进程:进程负责为程序的运行提供必备的环境,进程就相当于工厂中的车间。
线程:线程是计算机中的最小的计算单位,线程负责执行,线程就相当于车间中的工人。
单线程与多线程
单线程:即进程只有一个线程,单线程在程序执行时,所走的程序路径按照连续顺序排下来,前面的必须处理好,后面的才会执行。JS,浏览器(单线程容易出现并发问题)
多线程:即进程有多个线程,类似多个人同时干一个活,速度快,性能高,主流,但是要面临资源抢占,死锁及冲突的问题。
Javascript本质为单线程
非阻塞I/O
阻塞I/O即 CPU 等待 I/O,且期间不能做其他事情。
非阻塞I/O即 CPU 在等待 I/O 的期间可以去做其他任务(如 B),当 I/O 处理完了任务 A,CPU 再回来继续处理任务 A。 那 CPU 怎么知道 I/O 处理的任务完成了呢? 主动去查看情况,即同步。 等 I/O 处理完后,主动来通知他,即异步。
同步 在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。
异步 不进入主线程,而进入”任务队列”,只有“任务队列”通知主线程,某个异步任务可以执行了。该任务才会进入主线程执行。
Node.js的特点:
事件驱动
Node中,客户端请求建立连接,提交数据等行为,会触发相应的事件。Node中同一时刻只能执行一个事件的回调函数,但在执行这个回调函数的中途可以转而执行其他事件,然后返回继续执行原事件的回调函数,这种处理机制称为“事件环”机制。
事件和回调函数
"任务队列"是一个事件的队列(也可以理解成消息的队列),IO设备完成一项任务,就在"任务队列"中添加一个事件,表示相关的异步任务可以进入"执行栈"了。主线程读取"任务队列",就是读取里面有哪些事件。
"任务队列"中的事件,除了IO设备的事件以外,还包括一些用户产生的事件(比如鼠标点击、页面滚动等等)。只要指定回调函数,这些事件发生时就会进入"任务队列",等待主线程读取。
回调函数"(callback),就是那些会被主线程挂起来的代码。异步任务必须指定回调函数,当主线程开始执行异步任务,就是执行对应的回调函数。
"任务队列"是一个先进先出的数据结构,排在前面的事件,优先被主线程读取。主线程的读取过程基本上是自动的,只要执行栈一清空,"任务队列"上第一位的事件就自动进入主线程。但是,由于存在"定时器"功能,主线程首先要检查一下执行时间,某些事件只有到了规定的时间,才能返回主线程。
执行流程
(1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。
(2)主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。
(3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。
(4)主线程不断重复上面的第三步。
Event Loop
主线程从"任务队列"中读取事件,这个过程是循环不断的,所以整个的这种运行机制又称为Event Loop(事件循环)。
主线程运行的时候,产生堆(heap)和栈(stack),栈中的代码调用各种外部API,它们在"任务队列"中加入各种事件(click,load,done)。只要栈中的代码执行完毕,主线程就会去读取"任务队列",依次执行那些事件所对应的回调函数。
当一个任务被执行,js会判断是否为同步任务,如果是同步,压入主线程立即执行;但如果是异步任务,移到异步处理模块(Task Table),当异步任务有了结果,就将异步任务的回调函数注入到任务队列中等待。
当主线程的同步任务执行完毕执行栈为空,js引擎就会读取任务队列中的第一个任务加入到执行栈执行,当此任务完成,继续重复此类操作,这也就是事件循环了,任务队列满足先进先出的特性。
那么到这里,我们知道js引擎会利用事情循环机制来处理同步异步问题;那么问题又来了,还记得文章开头第三个例子吗,定时器和promise都是异步,为什么后面的promise反而比前面的定时器先执行,难道异步任务也有自己的先后顺序?这里就得引出宏任务与微任务了。
macro-task(宏任务):script环境 setTimeout、setInterval、I/O、事件、postMessage、 MessageChannel、setImmediate (Node.js)
micro-task(微任务):Promise,process.nextTick,MutaionObserver
定时器是宏任务,new Promise是微任务。
异步任务分为宏任务和微任务
同步任务>微任务>宏任务
(三)Node.js安装 及环境配置
选择相关路径(自己选盘,不一定是c盘)
观察环境变量的初始设置,当我们在安装的时候选择‘add to path’之后,系统会自动的把环境变量的路径,也就是刚才的c盘目录对应到环境变量的设置里。
安装结束后,会自动更改环境变量的值。 如果安装后在这里找不到添加的路径,要手动添加。
用户环境变量和系统变量区别:
系统环境变量是指系统环境变量,对所有用户起作用 。
用户环境变量只对当前用户起作用。
检测node是否有成功安装,打开cmd
node --version/v
npm --version/v
配置node环境:
全局模式&本地模式
本地安装
1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
2. 可以通过 require() 来引入本地安装的包。
全局安装
1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
2. 可以直接在命令行里使用。
全局安装:
例:安装nodemon: npm install -g nodemon
问:安装到哪里了? Npm config ls
全局安装的路径
按照路径查询已经被隐藏,取消隐藏后可以看到安装的模块
本地安装
npm init -y初始化生成
npm install ejs --save; //--save可以自动加入package.json里
package.json文件
每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。
下面是一个最简单的package.json文件,只定义两项元数据:项目名称和项目版本。
{
"name" : "xxx",
"version" : "0.0.0",
}
安装datetime时间模块
安装到本地:
一些学习Node的网站:
CNode社区:CNode:Node.js专业中文社区
Node.js 中文网:www.nodejs.cn
淘宝NPM镜像:npmmirror 镜像站
node.js&HTML5论坛:http://forjs.org/
扩展:
node.js作用:
1、开发服务器应用:
2、开发工具类应用:Webpack、Vite、Babel
3、开发桌面端应用:VSCode、Figma(设计)、postman(测试接口工具)
其中3用到了electron框架,该框架基于node.js开发。
node.js不能使用BOM和DOM的API:
浏览器中的JavaScript:
Node.js中的JavaScript: