这篇“Node.js中的Buffer和事件循环实例分析”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Node.js中的Buffer和事件循环实例分析”文章吧。
创新互联是一家专业的成都网站建设公司，我们专注网站设计、网站建设、网络营销、企业网站建设，卖友情链接，广告投放为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。
Buffer 的使用
数据的二进制
Buffer和二进制
我们会发现，对于前端开发来说，通常很少会和二进制打交道，但是对于服务器端来说，为了实现很多功能，我们必须直接去操作其二进制的数据
所以Node为了可以方便开发者完成更多功能，提供给了我们一个名为Buffer的类，并且他是全局的
我们前面说过，Buffer中存储的是二进制数据，那么到底是如何存储的呢？
为什么是8位呢？
在计算机中，很少的情况我们会直接操作一位二进制，因为一位二进制存储的数据是非常有限的
所以通常会将8位合在一起作为一个单元，这个单元称之为一个字节（byte）
也就是说 1 byte = 8 bit，1kb = 1024 byte，1M = 1024kb， 1 G = 1024 M
比如很多编程语言中的int类型是4个字节，long类型是8个字节
比如TCP传输的是字节流，在写入和读取时都需要说明字节的个数
比如RGB的值分别都是255，所以本质上在计算机中都是用一个字节存储的
Buffer和字符串
const message = 'Hello'
// 使用new关键字创建buffer实例，但这种创建方法已经过期了
const buffer = new Buffer(message)
console.log(buffer); //
console.log(buffer.toString()); // Hello
中文字符串的编解码
const message = '你好啊'
// 使用Buffer.from对我们的字符串进行解码
const buffer = Buffer.from(message)
console.log(buffer); //
// buffer实例中有个toString方法可以对编码进行解码
console.log(buffer.toString()); // '你好啊'
const message = '你好啊'
const buffer = Buffer.from(message, 'utf16le')
console.log(buffer); //
console.log(buffer.toString()); // `O}YJU
Buffer的其他创建方式
创建buffer的方式有很多，我们这里可以通过alloc的方式创建Buffer
// 其可以指定我们buffer的位数，比如这里传递进去的是8，那么创建出来的buffer就有8个元素，且每个元素对应的二进制数都是0
const buffer = Buffer.alloc(8)
console.log(buffer); //
// 赋值为十进制数字的话，buffer会帮我们转化为16进制数字再写入到对应的位置
buffer[0] = 88
// 在js中，以0x开头的就表示为16进制的数字
buffer[1] = 0x88
console.log(buffer); //
Buffer和文件操作
1、文本文件
const fs = require('fs')
fs.readFile('./a.txt', (err, data) => {
console.log(data); //
})const fs = require('fs')
// encoding表示解码所用的字符编码，编码默认为utf-8
fs.readFile('./a.txt', { encoding: 'utf-8' }, (err, data) => {
console.log(data); // 哈哈
})const fs = require('fs')
// 编码用的是utf16le字符编码，解码使用的是utf-8格式，肯定是解不是正确的内容的
fs.readFile('./a.txt', { encoding: 'utf16le' }, (err, data) => {
console.log(data); // 鏥袓
})
// 以上代码和下面代码类似
const msg = '哈哈'
const buffer = Buffer.from(msg, 'utf-8')
console.log(buffer.toString('utf16le')); // 鏥袓2、图片文件
const fs = require('fs')
fs.readFile('./logo.png', (err, data) => {
console.log(data); // 打印出来的是图片文件对应的二进制编码
// 我们还可以将图片编码写入到另一个文件当中，相当于我们将该图片拷贝了一份
fs.writeFile('./bar.png', data, err => {
console.log(err);
})
})const sharp = require('sharp')
// 将logo.png这张图片裁剪成200x300后拷贝到文件bax.png中
sharp('./logo.png')
.resize(200, 300)
.toFile('./bax.png', (err, info) => {
console.log(err);
})
// 还可以将图片文件先转为buffer，然后在写入到文件中，也可以实现拷贝图片的目的
sharp('./logo.png')
.resize(300, 300)
.toBuffer()
.then(data => {
fs.writeFile('./baa.png', data, err => {
console.log(err);
})
})Buffer的创建过程
事件循环和异步IO
什么是事件循环？
进程和线程
进程和线程是操作系统中的两个概念：
听起来很抽象，我们直观一点解释：
再用一个形象的例子解释
多进程多线程开发
操作系统是如何做到同时让多个进程（边听歌、边写代码、边查阅资料）同时工作呢？
浏览器和JavaScript
JavaScript的执行过程
函数要被压入函数调用栈中后才会被执行，下面我们来分析下代码的执行过程
const message = 'Hello World'
console.log(message);
function sum(num1, num2) {
return num1 + num2
}
function foo() {
const result = sum(20, 30)
console.log(result);
}
foo()我们JS的代码其实也可以像其它编程语言一样可以看成是在main函数中执行的
那么首先我们要将main函数压入函数调用栈中
定义变量message
执行log函数，log函数会被放入到函数调用栈中，执行完后出栈
调用foo函数，foo函数被压入函数调用栈中，但是执行过程中又需要调用sum函数
所以sum函数会被压入到函数调用栈中，sum函数执行完毕后出栈
此时foo函数也得到了sum函数返回的值，并执行了赋值操作，但又遇到了log函数
所以又要将log函数压入到调用栈，log函数被执行完毕，出栈后foo函数也执行完毕，foo函数出栈
foo函数执行完后，整个js代码执行完毕，main函数出栈
浏览器的事件循环
如果在执行JS代码的过程中，有异步操作呢？
那么，往setTimeout函数里面传入的函数（我们称之为timer函数），会在什么时候被执行呢？
为什么setTimeout不会阻塞代码的执行呢？就是因为浏览器里面维护了一个非常非常重要的东西——事件循环
浏览器中会通过某种方式帮助我们保存setTimeout中的回调函数的，比较常用的方法就是保存到一个红黑树里面
等到setTimeout定时器时间到达的时候，它就会将我们的timer回调函数从保存的地方取出来并放入到事件队列里面
事件循环一旦发现我们的队列中有东西了，并且当前函数调用栈是空的，其它同步代码也执行完之后，就会将我们队列中的回调函数依次出列放入到函数调用栈中执行（队列中前一个函数出栈后，下一个函数才会入栈）
当然事件队列中不一定只有一个事件，比如说在某个过程中用户点击了浏览器当中的某个按钮，我们可能对这个按钮的点击做了一个监听，对应了一个回调函数，那个回调函数也会被加入到我们的队列里面的，执行顺序按照它们在事件队列中的顺序执行。还有我们发送ajax请求的回调，也是加入到事件队列里面的
总结：其实事件循环是一个很简单的东西，它就是在某一个特殊的情况下，需要去执行某一个回调的时候，它就把提前保存好的回调塞入事件队列里面，事件循环再给它取出来放入到函数调用栈中
宏任务与微任务
但是事件循环中并非只维护一个队列，事实上是有两个队列，而且队列中的任务执行一定会等到所有的script都执行完毕后
那么事件循环对于两个队列的优先级是怎么样的呢？
面试题<一>
考点：main stcipt、setTimeout、Promise、then、queueMicrotask
setTimeout(() => {
console.log('set1');4
new Promise(resolve => {
resolve()
}).then(resolve => {
new Promise(resolve => {
resolve()
}).then(() => {
console.log('then4');
})
console.log('then2');
})
})
new Promise(resolve => {
console.log('pr1');
resolve()
}).then(() => {
console.log('then1');
})
setTimeout(() => {
console.log('set2');
})
console.log(2);
queueMicrotask(() => {
console.log('queueMicrotask');
})
new Promise(resolve => {
resolve()
}).then(() => {
console.log('then3');
})
// pr1
// 2
// then1
// queueMicrotask
// then3
// set1
// then2
// then4
// set2setTimeout会立即压入函数调用栈，执行完毕后立即出栈，其timer函数被放入到宏任务队列中
传入Promise类的函数会被立即执行，其并不是回调函数，所以会打印出pr1，并且由于执行了resolve方法，所以该Promise的状态会立即变为fulfilled，这样then函数执行的时候其对应的回调函数就会被放入到微任务队列中
又遇到了一个setTimeout函数，压栈出栈，其timer函数会被放入到宏任务队列中
遇到console.log语句，函数压栈后执行打印出了2，然后出栈
这里通过queueMicrotask绑定了个函数，该函数会被放入到微任务队列中
又遇到了new Promise语句，但是其立即就将promise的状态改为了fulfilled，所以then函数对应的回调也被放入到了微任务队列中
由于同步脚本代码已经执行完毕，现在事件循环开始要去把微任务队列和宏任务对垒的任务按照优先级顺序放入到函数调用栈中执行了，注意：微任务的优先级比宏任务高，每次想要执行宏任务之前都要看看微任务队列里面是否为空，不为空则需要先执行微任务队列的任务
第一个微任务是打印then1，第二个微任务是打印queueMicrotask，第三个微任务是打印then3，执行完毕后，就开始去执行宏任务
第一个宏任务比较复杂，首先会打印set1，然后执行了一个立即变换状态的new promise语句，其then回调会被放入到微任务队列中，注意现在微任务队列可不是空的，所以需要执行优先级较高的微任务队列，相当于该then回调被立即执行了，又是相同的new Promise语句，其对应的then对调被放入到微任务队列中，注意new Promise语句后面还有一个console函数，该函数会在执行完new Promise语句后立即执行，也就是打印then2，现在微任务对垒还是有一项任务，所以接下来就是打印then4。目前为止，微任务队列已经为空了，可以继续执行宏任务队列了
所以接下里的宏任务set2会被打印，宏任务执行完毕
整个代码的打印结果是：pr1 -> 2 -> then1 -> queueMicrotask -> then3 -> set1 -> then2 -> then4 -> set2
面试题<二>
考点：main script、setTimeout、Promise、then、queueMicrotask、await、async
知识补充：async、await是Promise的一个语法糖，在处理事件循环问题时
我们可以将await关键字后面执行的代码，看做是包裹在new Promise((resolve,rejcet) => { 函数执行 })中的代码
await语句后面的代码，可以看做是上一个Promise中的then(res => {函数执行})中的代码
async function async1() {
console.log('async1 start');
await async2()
console.log('async1 end');
}
async function async2() {
console.log('async2');
}
console.log('script start');
setTimeout(() => {
console.log('setTimeout');
}, 0)
async1()
new Promise(resolve => {
console.log('promise1');
resolve()
}).then(() => {
console.log('promise2');
})
console.log('script end');
// script start
// async1 start
// async2
// promise1
// script end
// async1 end
// promise2
// setTimeout一开始都是函数的定义，不需要压入函数调用栈中执行，直到遇到第一个console语句，压栈后执行打印script start后出栈
遇到第一个setTimeout函数，其对应的timer会被放入到宏任务队列中
async1函数被执行，首先打印出async1 start，然后又去执行await语句后面的async2函数，因为前面也说了，将await关键字后面的函数看成是new Promise里面的语句，这个函数是会被立即执行的，所以async2会被打印出来，但该await语句后面的代码相当于是放入到then回调中的，也就是说console.log('async1 end')这行代码被放入到了微任务队列里
代码继续执行，又遇到了一个new Promise语句，所以立即打印出了promise1，then回调中的函数被放入到了微任务队列里面去
最后一个console函数执行打印script end，同步代码也就执行完毕了，事件循环要去宏任务和微任务队列里面执行任务了
首先是去微任务队列，第一个微任务对应的打印语句会被执行，也就是说async1 end会被打印，然后就是promise2被打印，此时微任务队列已经为空，开始去执行宏任务队列中的任务了
timer函数对应的setTimeout会被打印，此时宏任务也执行完毕，最终的打印顺序是：script start -> async1 start -> async2 -> promise1 -> script end -> async1 end -> promise2 -> setTimeout
以上就是关于“Node.js中的Buffer和事件循环实例分析”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。
当前标题：Node.js中的Buffer和事件循环实例分析
标题路径：
http://cdkjz.cn/article/ghgceo.html
