国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

ES6 Generator函數(shù)的應(yīng)用實例分析

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 21:54:31
文檔

ES6 Generator函數(shù)的應(yīng)用實例分析

ES6 Generator函數(shù)的應(yīng)用實例分析:本文實例講述了ES6 Generator函數(shù)的應(yīng)用。分享給大家供大家參考,具體如下: Generator 函數(shù)是 一種異步編程解決方案,Generator 函數(shù)會返回一個遍歷器對象,Generator 函數(shù)是一個普通函數(shù),但是有兩個特征。一是,function關(guān)鍵字與函數(shù)名之間有一個
推薦度:
導(dǎo)讀ES6 Generator函數(shù)的應(yīng)用實例分析:本文實例講述了ES6 Generator函數(shù)的應(yīng)用。分享給大家供大家參考,具體如下: Generator 函數(shù)是 一種異步編程解決方案,Generator 函數(shù)會返回一個遍歷器對象,Generator 函數(shù)是一個普通函數(shù),但是有兩個特征。一是,function關(guān)鍵字與函數(shù)名之間有一個

認(rèn)識generator函數(shù)

function * fn() {
 console.log('hello');
 return 'Joh';
}
// 執(zhí)行fn()時不會直接執(zhí)行方法體中的代碼,它會返回一個指針, 這個指針實現(xiàn)了 interator接口,也就是返回一個interator對象
let it = fn();
// 通過調(diào)用next就會執(zhí)行方法體, 返回結(jié)果是 {value:'Joh', done:true}, 其中next返回的是函數(shù)體中return的值
let res = it.next();
console.log(res);

generator函數(shù)中的yield 與 return

function * fn() {
 // 和yield相配合,把一個generator內(nèi)部分為幾個斷點來執(zhí)行,每個斷點就是yield語句
 // 注意 yield和return的區(qū)別: yield可以有多個,return只能有1個
 yield 1;
 yield 2;
 yield 3;
 return 4; // 可以沒有return值,done為true的value將會是undefined
}
let it = fn();
// 在for-of 循環(huán)中只能打印done為false的value值,done為true時,程序終止
for(let v of it) {
 console.log(v); // 分別
輸出 1 2 3 }

yield 的值與賦值語句

function * fn(_name) {
 let name = yield _name; // yield 的默認(rèn)值為undefined
 return name;
}
let it = fn('Joh');
console.log(it.next()); // {value:'Joh', done:false}
console.log(it.next('Tom')); // {value:'Tom', done:true} // 此處value應(yīng)該為undefined,但是通過next參數(shù)的形式賦值改變了最后一個值
console.log(it.next('Lily')); // {value: undefined, done:true} // 已經(jīng)循環(huán)完畢,即使傳值也是undefined

yield 語句的位置與括號

function sum(a, b) {
 return a + b;
}
function * fn() {
 let res = sum(yield 1, 5 + (yield 3));
 console.log(res);
 console.log('my qq: ' + (yield qq)); // yield 在一個語句中需要括起來
}
fn();

yield 異常捕獲

異常捕獲的方式1:

function * fn() {
 let qq = yield; // yield 默認(rèn)返回undefined, 不會拋出異常
 console.log(qq);
}
let g = fn();
g.next(); // 第一個斷點沒有
輸出 // g.next('qq 11111'); // 完畢之后傳值輸出:qq 11111 g.throw('error!'); // Uncaught error!

異常捕獲的方式2:

function * fn() {
 let qq;
 try {
 qq = yield; // yield 默認(rèn)返回undefined
 }catch(e){
 console.log('qq have error');
 }finally{
 console.log(qq);
 }
}
let g = fn();
g.next();
g.throw('error!');
// qq have error
// undefined

異常捕獲的方式3:

function * fn() {
 let qq;
 qq = yield;
 console.log(qq);
}
let g = fn();
g.next();
try{
 g.throw('error!');
}catch(e){
 console.log('qq have error!');
}

異常捕獲的方式4:

function * fn() {
 let qq;
 try {
 qq = yield ff; // ff 未定義, 所以qq不會被正確賦值 此處是非 yield 的異常
 }catch(e){
 console.log('err1');
 }
 console.log(qq);
}
let g = fn();
g.next();
g.next('qq 5554');
// err1
// undefined

利用generator和promise結(jié)合使用,讓異步的邏輯關(guān)系,使用同步的方式書寫

function asyncF(name) {
 return new Promise(function(resolve){
 setTimeout(function(){
 resolve('my name is ' + name);
 });
 });
}
function * fn() {
 console.log(yield asyncF('Joh'));
}
let gf = fn();
function exec(gf,value) {
 let res = gf.next(value);
 if(!res.done) {
 if(res.value instanceof Promise) {
 res.value.then(function (v) {
 exec(gf, v);
 })
 }else{
 exec(gf, res.value);
 }
 }
}
exec(gf); // my name is Joh

更復(fù)雜的寫法:

function asyncF(name) {
 return new Promise(function(resolve){
 setTimeout(function(){
 resolve('my name is ' + name);
 });
 });
}
function sum(a, b) {
 return new Promise(function (resolve) {
 setTimeout(function () {
 resolve(a + b);
 });
 })
}
function * fn(name) {
 if((yield sum(3,5)) > 6) {
 console.log(yield asyncF(name));
 }else{
 console.log('error');
 }
}
let gf = fn('Joh');
// generator 執(zhí)行器 相當(dāng)于 tj/co 模塊
function exec(gf,value) {
 let res = gf.next(value);
 if(!res.done) {
 if(res.value instanceof Promise) {
 res.value.then(function (v) {
 exec(gf, v);
 })
 }else{
 exec(gf, res.value);
 }
 }
}
exec(gf); // my name is Joh

使用純promise實現(xiàn):

function asyncF(name) {
 return new Promise(function(resolve){
 setTimeout(function(){
 resolve('my name is ' + name);
 });
 });
}
function sum(a, b) {
 return new Promise(function (resolve) {
 setTimeout(function () {
 resolve(a + b);
 });
 })
}
function fn(name) {
 sum(3,5)
 .then(function (num) {
 if(num > 6) {
 asyncF(name)
 .then(function (v) {
 console.log(v);
 })
 }else{
 console.log('error');
 }
 })
}
fn('Joh');

使用co模塊,來代替自己寫的執(zhí)行器

var co = require('co');
function asyncF(name) {
 return new Promise(function(resolve){
 setTimeout(function(){
 resolve('my name is ' + name);
 });
 });
}
function sum(a, b) {
 return new Promise(function (resolve) {
 setTimeout(function () {
 resolve(a + b);
 });
 })
}
function * fn(name) {
 if((yield sum(3,5)) > 6) {
 console.log(yield asyncF(name));
 }else{
 console.log('error');
 }
}
var fnx = co.wrap(fn);
fnx('Joh'); // my name is Joh


更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

ES6 Generator函數(shù)的應(yīng)用實例分析

ES6 Generator函數(shù)的應(yīng)用實例分析:本文實例講述了ES6 Generator函數(shù)的應(yīng)用。分享給大家供大家參考,具體如下: Generator 函數(shù)是 一種異步編程解決方案,Generator 函數(shù)會返回一個遍歷器對象,Generator 函數(shù)是一個普通函數(shù),但是有兩個特征。一是,function關(guān)鍵字與函數(shù)名之間有一個
推薦度:
標(biāo)簽: 應(yīng)用 生成器 案例
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 日日夜夜草 | 国产精品免费观看视频 | 日韩免费在线观看视频 | 国产福利一区二区三区在线观看 | 福利视频欧美一区二区三区 | 国产在线一区视频 | 无毛片| 成人欧美一区二区三区 | 中文亚洲欧美日韩无线码 | 国产欧美日韩va | 中文字幕国产欧美 | 性新婚a大黄毛片 | va欧美国产在线视频 | 国产精品一区二区久久精品 | 亚洲欧美另类日韩 | 毛片官网| www日韩| 国产精品特级毛片一区二区三区 | 在线免费观看国产视频 | 国产一区亚洲二区三区 | 亚洲欧洲高清有无 | 免费看日产一区二区三区 | 国产欧美日韩中文字幕 | 女人18毛片a级毛片一区②区 | 欧美日韩国产乱了伦 | 欧洲一区二区三区在线观看 | 超在线视频| 伊人久久成人成综合网222 | 国产日韩欧美视频 | 国内精品免费视频 | 91免费高清视频 | 91欧美亚洲| 在线亚洲欧美 | 欧美日韩国产在线观看 | 黄色毛片免费在线观看 | 欧美在线一区二区 | 精品视频一区二区三区 | 国产三级一区 | 亚洲精品高清国产一久久 | xx欧美 | 最新精品在线视频 |