Promise回调地域

异步代码读取文件无法保证顺序

异步代码读取文件顺序依据文件的大小

var fs = require('fs');
//异步代码读取顺序依据文件大小
fs.readFile('./data/a.txt','utf-8', function (err, data) {
   if (err) {
       throw err
   }
   console.log(data);
});
fs.readFile('./data/b.txt','utf-8', function (err, data) {
    if (err) {
        throw err
    }
    console.log(data);
});
fs.readFile('./data/c.txt','utf-8', function (err, data) {
    if (err) {
        throw err
    }
    console.log(data);
});

通过回调的方式保证顺序

var fs = require('fs');
//异步代码读取顺序依据文件大小
fs.readFile('./data/a.txt', 'utf-8', function (err, data) {
    if (err) {
        throw err
    }
    console.log(data);
    fs.readFile('./data/b.txt', 'utf-8', function (err, data) {
        if (err) {
            throw err
        }
        console.log(data);
        fs.readFile('./data/c.txt', 'utf-8', function (err, data) {
            if (err) {
                throw err
            }
            console.log(data);
        });
    });
});

但是这样的操作会带来回调地域的嵌套

大量使用回调函数会导致代码不易阅读

为了解决以上编码带来的问题，所以ES6中新增了一个API:Promise

• Promise是一个容器，容器中存放了一个异步任务
  Rejected容器中的任务失败的时候执行，Resolved容器中的任务成功的时候执行

Promise基本语法

var fs = require('fs');
var p1 = new Promise(function (resolve,reject) {
    fs.readFile('./data/a.txt', 'utf-8', function (err,data) {
        if (err) {
           //把容器的Pending状态改为Rejected
            reject(err);
        } else {
            //容器中的任务成功
            //把容器的Pending状态改为成功Resolved
            resolve(data);
            console.log(data);
        }
    })
});
//当p1成功了然后做指定的操作
p1.then(function (data) {
    console.log("成功了",data)
},function (err) {
    console.log("失败了",err);
})

异步调用链式编程

当前函数中return的结果可以在后面的then中function接收到，当return一个promise对象的时候，后续的then方法中的第一个参数会作为下一个执行的resolve

var fs = require('fs');
var p1 = new Promise(function (resolve,reject) {
    fs.readFile('./data/a.txt', 'utf-8', function (err,data) {
        if (err) {
            reject(err);
        } else {
            resolve(data);
            console.log(data);
        }
    })
});
var p2 = new Promise(function (resolve,reject) {
    fs.readFile('./data/b.txt', 'utf-8', function (err,data) {
        if (err) {      
            reject(err);
        } else {
            resolve(data);
            console.log(data);
        }
    })
});
//当p1成功了然后做指定的操作
p1.then(function (data) {
    console.log("成功了",data);
    return p2;
},function (err) {
    console.log("失败了",err);
})
.then(function (data){
    console.log(data);
})

封装Promise API

var fs = require('fs');

function pReafFile(filePath) {
    return new Promise(function (resolve, reject) {
        fs.readFile(filePath, 'utf-8', function (err, data) {
            if (err) {
                //把容器的Pending状态改为Rejected
                reject(err);
            } else {
                //容器中的任务成功
                //把容器的Pending状态改为成功Resolved
                resolve(data);
                console.log(data);
            }
        })
    });
}
pReafFile('./data/a.txt').then(function (data) {
    console.log(data);
    return pReafFile('./data/b.txt');
})
    .then(function (data) {
        console.log(data);
        return pReafFile('./data/c.txt')
    })
    .then(function (data) {
        console.log(data);
    });