国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

詳解ES6中的三種異步解決方案

2024-05-06 15:33:07
字體:
來源:轉載
供稿:網友

前置知識準備

    Generator 函數 執行會返回一個迭代器(Iterator), 在迭代器上可以調用  next() 方法, 執行下一個 yield  或 return 調用  next() 方法,會返回一個對象 {value: res, done: false} , value 的值 為 yield 之后表達式的值,done 的值 表示迭代器,是否已經執行完畢(最后一個yield  或 return ) next() 方法,可以傳入一個值,做為前一個yield 表達式的返回值

有了這些知識,可以把Promise 對象 做一個的 yield 的值,配合一個執行器,來處理異步操作

方式一: Generator + Promise + 執行器

const fs = require('fs')// Promise 版的readFileconst readFile = function (fileName) { return new Promise(function(resolve, reject) {  fs.readFile(fileName, function(err, data){   if (err) return reject(error);   resolve(data);  }) })}const gen = function * () { let f1 = yield readFile('a.txt'); let f2 = yield readFile('b.txt'); console.log('F1--->', f1.toString()); console.log('F2--->', f2.toString());}// 基于 Generator 和 Promise 的自動執行器function run(gen) { let g = gen();  function next(data) {    let result = g.next(data);  if (result.done) return result.value;  result.value.then(function(data) {   next(data);  }); } next();}run(gen);

執行器 中的 result.value 現在是一個Promise, 通過 then 方法拿到需要的結果,傳下一次 next 方法,這樣 let f1 = yield readFile('a.txt');  就可以拿到值!

方式二:Generator + Thunk函數 + 執行器

const fs = require('fs')// 把一個單一執行的函數 ,變成需要再次調用的函數,固定一部分參數function thunkify(fn, obj = {}) {  return function () {    let args = Array.from(arguments);    return function (m) {      args.push(m)      return fn.apply(obj, args)    }  }}const readFile = thunkify(fs.readFile, fs);const gen = function* () {  let f1 = yield readFile('a.txt');  let f2 = yield readFile('b.txt');  console.log('F1-->', f1.toString());  console.log('F2-->', f2.toString());}// 基于 Generator 和 Thunk函數的自動執行器function run(fn) {  let gen = fn();  function next(err, data) {    let result = gen.next(data);    if (result.done) return 1;    result.value(next);  }  next();}run(gen);

這里的 Thunk 轉換器,把原來的 fs.readFile 函數 轉換成需要兩次調用的函數 ,readFile 的執行結果,可以通過回調函數能參數傳遞出來,再傳給 next 方法

方式三:基于 async 函數 和 await 的異步處理方式

const fs = require('fs')// Promise 版的readFileconst readFile = function (fileName) { return new Promise(function(resolve, reject) {  fs.readFile(fileName, function(err, data){   if (err) return reject(err);   resolve(data);  }) })}const asyncReadFile = async function () { const f1 = await readFile('a.txt'); const f2 = await readFile('b.txt'); console.log(f1.toString()); console.log(f2.toString());};asyncReadFile();            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 山阴县| 阿合奇县| 都安| 乌恰县| 林周县| 大宁县| 麻阳| 鲁甸县| 宿松县| 江北区| 岳普湖县| 静乐县| 新巴尔虎左旗| 泽库县| 屯门区| 蓝山县| 武汉市| 平乐县| 商都县| 廊坊市| 姚安县| 伊川县| 镇原县| 陈巴尔虎旗| 分宜县| 囊谦县| 临安市| 连城县| 潍坊市| 琼结县| 当阳市| 阳谷县| 南岸区| 新沂市| 积石山| 漯河市| 铜梁县| 五峰| 正镶白旗| 牟定县| 名山县|