1.js中完成異編程的方法
- 回調(diào)函數(shù)
- 事件監(jiān)聽
- 發(fā)布訂閱
- Promise對象
當(dāng)多個回調(diào)的執(zhí)行是需要按照一定順序的時(shí)候拄丰,回調(diào)函數(shù)的方式需要進(jìn)行多層嵌套。所以采用Promise的鏈試調(diào)用來解決這個問題
2.Generator函數(shù)實(shí)現(xiàn)協(xié)成
使用yield作為暫停標(biāo)記
3.generator的數(shù)據(jù)交換和錯誤處理
使用next(argument)傳參數(shù)俐末,使用throw()進(jìn)行異常or錯誤處理料按。
4.使用generator封裝異步操作
var fetch = require('node-fetch');
function* gen(){
var url = 'https://api.github.com/users/github';
var result = yield fetch(url);
console.log(result.bio);
}
代碼執(zhí)行的方式:
var g = gen();
var result = g.next();
result.value.then(function(data){
return data.json();
}).then(function(data){
g.next(data);
});
問題:流程管理比較麻煩,即何時(shí)執(zhí)行第一階段卓箫,何時(shí)執(zhí)行第二階段载矿。
5.什么是Thunk函數(shù)
Thunk函數(shù)實(shí)現(xiàn)“傳名調(diào)用”,將參數(shù)放到一個臨時(shí)函數(shù)之中丽柿,再將這個臨時(shí)函數(shù)傳入函數(shù)體恢准。這個臨時(shí)函數(shù)就叫做 Thunk 函數(shù)。
js中的Thunk函數(shù)替換的不是表達(dá)式甫题,而是多參數(shù)函數(shù),將其替換成一個只接受回調(diào)函數(shù)作為參數(shù)的單參數(shù)函數(shù)涂召,且只接受回調(diào)函數(shù)作為參數(shù)
// 正常版本的readFile(多參數(shù)版本)
fs.readFile(fn, argument,callback);
// ES6版本
const Thunk = function(fn) {
return function (...args) {
return function (callback) {
return fn.call(this, ...args, callback);
}
};
};
//函數(shù)調(diào)用方式
var readFileThunk = Thunk(fs.readFile);
readFileThunk(fileA)(callback);
//相當(dāng)于fn(, , ,)變?yōu)閒n()()();
6.generator函數(shù)的流程管理
-
使用whil循環(huán)進(jìn)行自動流程管理
function* gen() {
}var g = gen(); var res = g.next(); while(!res.done){ console.log(res.value); res = g.next(); }
注意:不適合在異步操作中坠非。因?yàn)椴粫袛嗪螘r(shí)異步操作會完成。處理方法:基于promise完成果正。即yield后面是promise對象炎码。自啟動也是基于promise的then()調(diào)用完成盟迟。
使用Thunk函數(shù),Thunk函數(shù)在回調(diào)函數(shù)中將執(zhí)行權(quán)交還給generator函數(shù)
-
異步操作流程管理潦闲,函數(shù)的手動執(zhí)行方式
var fs = require('fs'); var thunkify = require('thunkify'); var readFileThunk = thunkify(fs.readFile); var gen = function* (){ var r1 = yield readFileThunk('/etc/fstab'); console.log(r1.toString()); var r2 = yield readFileThunk('/etc/shells'); console.log(r2.toString()); };
手動方式:回調(diào)函數(shù)中調(diào)用g.next()將執(zhí)行權(quán)返回給generator函數(shù)
var g = gen();
var r1 = g.next();
r1.value(function (err, data) {
if (err) throw err;
var r2 = g.next(data);
r2.value(function (err, data) {
if (err) throw err;
g.next(data);
});
});
Thunk函數(shù)的自動流程管理(不太懂)
-
基于Promise的自啟動
var fs = require('fs'); var readFile = function (fileName){ return new Promise(function (resolve, reject){ fs.readFile(fileName, function(error, data){ if (error) return reject(error); resolve(data); }); }); }; var gen = function* (){ var f1 = yield readFile('/etc/fstab'); var f2 = yield readFile('/etc/shells'); console.log(f1.toString()); console.log(f2.toString()); };
手動方式:
var g = gen();
g.next().value.then(function(data){
g.next(data).value.then(function(data){
g.next(data);
});
});
自動方式:
function run(gen){
var g = gen();
function next(data){
var result = g.next(data);
if (result.done) return result.value;
result.value.then(function(data){
next(data);
});
}
next();
}
run(gen);