Javascript語言的執(zhí)行環(huán)境是單線程的轰枝，即一次只能完成一件任務(wù)组去。如果有多個任務(wù)，就必須排隊诚撵，前面一個任務(wù)完成键闺，再執(zhí)行后面一個任務(wù)，以此類推筛武。雖然這種模式實現(xiàn)起來比較簡單挎塌，執(zhí)行環(huán)境相對單純，只要有一個任務(wù)耗時很長待锈，后面的任務(wù)都必須排隊等著嘴高，會拖延整個程序的執(zhí)行。因此春瞬，Javascript還有異步模式套啤，每一個任務(wù)有一個或多個回調(diào)函數(shù)（callback），前一個任務(wù)結(jié)束后，不是執(zhí)行后一個任務(wù)止潮，而是執(zhí)行回調(diào)函數(shù)，后一個任務(wù)則是不等前一個任務(wù)結(jié)束就執(zhí)行喇闸，所以程序的執(zhí)行順序與任務(wù)的排列順序是不一致的燃乍、異步的。比如最常用的Ajax逗旁。下面就簡單的介紹下異步模式的前世今生。
1.回調(diào)函數(shù)實現(xiàn)
let fs = require('fs');
fs.readFile('./3.js','utf-8',(err,data)=>{
if (err) return;
console.log(data);
})
console.log('begin');
上例結(jié)果首先會打印begin片效，然后在回調(diào)函數(shù)中獲取讀取文件的結(jié)果淀衣。但是回調(diào)函數(shù)有缺點：1.不能用try catch捕捉錯誤 2.不能return 3.容易進(jìn)入回調(diào)低于召调，使得代碼難以維護(hù)唠叛，不易閱讀
2.事件發(fā)布/訂閱模型
let fs = require('fs');
let EventEmitter = require('events');
let eve = new EventEmitter();
let html = {};
eve.on('ready',function(key,value){
html[key] = value;
if(Object.keys(html).length==2){
console.log(html);
}
});
function render(){
fs.readFile('./3.js','utf8',function(err,data3){
eve.emit('ready','data3',data3);
})
fs.readFile('./1.js','utf8',function(err,data1){
eve.emit('ready','data1',data1);
})
}
render();
3.哨兵變量
function render(length,cb){
let html={};
return function(key,value){
html[key] = value;
if(Object.keys(html).length == length){
cb(html);
}
}
}
let done = render(2,function(html){
console.log(html);
});
fs.readFile('./3.js', 'utf8', function (err, data3) {
done('data3',data3);
})
fs.readFile('./1.js', 'utf8', function (err, data1) {
done('data1',data1);
})
4.Promises對象+Generator
Promises對象是CommonJS工作組提出的一種規(guī)范，目的是為異步編程提供統(tǒng)一接口介牙。每一個異步任務(wù)返回一個Promise對象环础，該對象有一個then方法剩拢，允許指定回調(diào)函數(shù)。然后利用co模塊進(jìn)行自動調(diào)用
let fs = require('fs');
function readFile(filename) {
return new Promise(function (resolve, reject) {
fs.readFile(filename, 'utf8', function (err, data) {
err ? reject(err) : resolve(data);
});
})
}
function *read() {
console.log('Begin');
let a = yield readFile('1.txt');
console.log(a);
let b = yield readFile('2.txt');
console.log(b);
let c = yield readFile('3.txt');
console.log(c);
return c;
}
function co(gen) {
let it = gen();//我們要讓我們的生成器持續(xù)執(zhí)行
return new Promise(function (resolve, reject) {
!function next(lastVal) {
let {value,done} = it.next(lastVal);
if(done){
resolve(value);
}else{
value.then(next,reject);
}
}()
});
}
co(read).then(function (data) {
console.log(data);
});
5.使用async關(guān)鍵字贯钩，是目前我覺得最好的方法角雷，也是現(xiàn)在在工作中使用最多的一種方法勺三，它的語法比較簡潔需曾，值得注意的是它僅僅是語法糖而已祈远，底層還是Promises商源。
async function read(){
//await后面必須跟一個promise,
let a = await readFile('./1.txt');
console.log(a);
let b = await readFile('./2.txt');
console.log(b);
let c = await readFile('./3.txt');
console.log(c);
return 'end';
}
