最全38，2024年最新作为C C++开发者

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

    fs.writeFile(to, data, (err) => {
        if (err) {
            console.log(err.message)
            return
        }
        console.log('Copy finished')
        callback()//当复制操作完成后调用回调函数
    })
})

}

这样，我们如果需要在文件复制完成后，立即执行一些操作，就可以把这些操作写入回调函数中：

function copyFile(from, to, callback) {
fs.readFile(from, (err, data) => {
if (err) {
console.log(err.message)
return
}
fs.writeFile(to, data, (err) => {
if (err) {
console.log(err.message)
return
}
console.log(‘Copy finished’)
callback()//当复制操作完成后调用回调函数
})
})
}

copyFile(‘./from.txt’, ‘./to.txt’, function () {
//传入一个回调函数，读取“to.txt”文件中的内容并输出
fs.readFile(‘./to.txt’, (err, data) => {
if (err) {
console.log(err.message)
return
}
console.log(data.toString())
})
})

如果，你已经准备好了`./from.txt`文件，那么以上代码就可以直接运行：

PS E:\Code\Node\demos\03-callback> node .\index.js
Copy finished
加入社区“仙宗”，和我一起修仙吧
社区地址：http://t.csdn.cn/EKf1h

这种编程方式被称为“基于回调”的异步编程风格，异步执行的函数应当提供一个回调参数用于在任务结束后调用。


这种风格在`JavaScript`编程中普遍存在，例如文件读取函数`fs.readFile`、`fs.writeFile`都是异步函数。


### 四、回调的回调


回调函数可以准确的在异步工作完成后处理后继事宜，如果我们需要依次执行多个异步操作，就需要嵌套回调函数。


案例场景：依次读取文件A和文件B


代码实现：

fs.readFile(‘./A.txt’, (err, data) => {
if (err) {
console.log(err.message)
return
}
console.log(‘读取文件A：’ + data.toString())
fs.readFile(‘./B.txt’, (err, data) => {
if (err) {
console.log(err.message)
return
}
console.log(“读取文件B：” + data.toString())
})
})

执行效果：

PS E:\Code\Node\demos\03-callback> node .\index.js
读取文件A：仙宗无限好，只是缺了佬

读取文件B：要想入仙宗，链接不能少
http://t.csdn.cn/H1faI

通过回调的方式，就可以在读取文件A之后，紧接着读取文件B。


如果我们还想在文件B之后，继续读取文件C呢？这就需要继续嵌套回调：

fs.readFile(‘./A.txt’, (err, data) => {//第一次回调
if (err) {
console.log(err.message)
return
}
console.log(‘读取文件A：’ + data.toString())
fs.readFile(‘./B.txt’, (err, data) => {//第二次回调
if (err) {
console.log(err.message)
return
}
console.log(“读取文件B：” + data.toString())
fs.readFile(‘./C.txt’,(err,data)=>{//第三次回调
…
})
})
})

也就是说，如果我们想要依次执行多个异步操作，需要多层嵌套回调，这在层数较少时是行之有效的，但是当嵌套次数过多时，会出现一些问题。


**回调的约定**


实际上，`fs.readFile`中的回调函数的样式并非个例，而是`JavaScript`中的普遍约定。我们日后会自定义大量的回调函数，也需要遵守这种约定，形成良好的编码习惯。


约定是：


1. `callback` 的第一个参数是为 error 而保留的。一旦出现 error，`callback(err)` 就会被调用。
2. 第二个以及后面的参数用于接收异步操作的成功结果。此时 `callback(null, result1, result2,...)` 就会被调用。


基于以上约定，一个回调函数拥有错误处理和结果接收两个功能，例如`fs.readFile('...',(err,data)=>{})`的回调函数就遵循了这种约定。


### 五、回调地狱


如果我们不深究的话，基于回调的异步方法处理似乎是相当完美的处理方式。问题在于，如果我们有一个接一个 的异步行为，那么代码就会变成这样：

fs.readFile(‘./a.txt’,(err,data)=>{
if(err){
console.log(err.message)
return
}
//读取结果操作
fs.readFile(‘./b.txt’,(err,data)=>{
if(err){
console.log(err.message)
return
}
//读取结果操作
fs.readFile(‘./c.txt’,(err,data)=>{
if(err){
console.log(err.message)
return
}
//读取结果操作
fs.readFile(‘./d.txt’,(err,data)=>{
if(err){
console.log(err.message)
return
}
…
})
})
})
})

以上代码的执行内容是：


1. 读取文件a.txt，如果没有发生错误的话；
2. 读取文件b.txt，如果没有发生错误的话；
3. 读取文件c.txt，如果没有发生错误的话；
4. 读取文件d.txt，…


随着调用的增加，代码嵌套层级越来越深，包含越来越多的条件语句，从而形成不断向右缩进的混乱代码，难以阅读和维护。


我们称这种不断向右增长（向右缩进）的现象为“**回调地狱**”或者“**末日金字塔**”！

fs.readFile(‘a.txt’,(err,data)=>{
fs.readFile(‘b.txt’,(err,data)=>{
fs.readFile(‘c.txt’,(err,data)=>{
fs.readFile(‘d.txt’,(err,data)=>{
fs.readFile(‘e.txt’,(err,data)=>{
fs.readFile(‘f.txt’,(err,data)=>{
fs.readFile(‘g.txt’,(err,data)=>{
fs.readFile(‘h.txt’,(err,data)=>{
…
/*
通往地狱的大门
===>
*/
})
})
})
})
})
})
})
})

虽然以上代码看起来相当规整，但是这只是用于举例的理想场面，通常业务逻辑中会有大量的条件语句、数据处理操作等代码，从而打乱当前美好的秩序，让代码变的难以维护。


幸运的是，`JavaScript`为我们提供了多种解决途径，`Promise`就是其中的最优解。


（原谅我卖了一个关子，这篇文章太长了，下篇继续讲）


### 六、总结


本文主要介绍了异步和回调的基本概念，二者是`JavaScript`的核心内容，需要所有热爱`JS`的小伙伴深入了解。


1. 异步、并行、同步的基本概念；
2. 使用回调函数处理异步任务；
3. 回调函数的嵌套和约定；
4. 回调地狱的基本概念；







![img](https://img-blog.csdnimg.cn/img_convert/5bfcf97ed9c1997a5f2c8cdaae52aac6.png)
![img](https://img-blog.csdnimg.cn/img_convert/dee95b65341c8163887ea3c1cdc888a8.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以添加戳这里获取](https://bbs.csdn.net/topics/618668825)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

外链图片转存中...(img-qDJIbMU7-1715810610145)]

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以添加戳这里获取](https://bbs.csdn.net/topics/618668825)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**