什么叫做回调地狱

先来看一个小例子

var fs = require('fs')

fs.readFile('./src/a.txt', 'utf-8', function(err, data) {
    if (err) {
        throw err
    }
    console.log(data)
})
fs.readFile('./src/b.txt', 'utf-8', function(err, data) {
    if (err) {
        throw err
    }
    console.log(data)
})
fs.readFile('./src/c.txt', 'utf-8', function(err, data) {
    if (err) {
        throw err
    }
    console.log(data)
})

执行结果
什么叫做回调地狱_第1张图片
说明
在里面依次读取了三个文件,如果都是从上往下依次执行,那么应该都是先a后b在c,但是因为读取文件是异步操作,执行时是不会等待的,所以全看谁先读完,因此导致第三次结果改变。

使用回调解决上述问题

var fs = require('fs')

fs.readFile('./src/a.txt', 'utf-8', function(err, data) {
    if (err) {
        throw err
    }
    console.log(data)
    fs.readFile('./src/b.txt', 'utf-8', function(err, data) {
        if (err) {
            throw err
        }
        console.log(data)
        fs.readFile('./src/c.txt', 'utf-8', function(err, data) {
            if (err) {
                throw err
            }
            console.log(data)
        })
    })
})

执行结果
什么叫做回调地狱_第2张图片说明
完全一致,但是代码太过丑陋不方便维护

什么是回调地狱

就是上面那种,一个异步请求套着一个异步请求,一个异步请求依赖于另一个的执行结果,使用回调的方式相互嵌套。
这会导致代码很丑陋,不方便后期维护

你可能感兴趣的:(原理)