石川es6課程---13-16、generator-認(rèn)識(shí)生成器函數(shù)

一、總結(jié)

一句話總結(jié)：

` generator函數(shù)，中間可以停，到哪停呢，用 yield 配合，交出執(zhí)行權(quán)

` 需要調(diào)用next()方法啟動(dòng)執(zhí)行，需要遇到 yield 停, 踹一腳走一步

` generator函數(shù)前面加一個(gè) * 兩邊可以有空格，或靠近函數(shù)或function：function *show2() {

` 背后實(shí)際生成多個(gè)小函數(shù)，實(shí)現(xiàn)走走停停

function show() {console.log('a')console.log('b') } show() // 普通函數(shù)function *show2() {console.log('1')yieldconsole.log('2') } let genObj = show2() genObj.next() // 1 genObj.next() // 2 genObj.next() // 最后了，沒有結(jié)果

?

?

1、generator-yield是啥？

- yield既可傳參，又可以返回

- 第一個(gè)next()傳參無效，只用來啟動(dòng)

- 如果函數(shù)前漏掉 *，就是普通函數(shù)，如果有yield會(huì)報(bào)錯(cuò)， ReferenceError: yield is not defined

function * show() {console.log('1')var a = yieldconsole.log('2')console.log(a) } // yield 傳參 var gen = show() gen.next() // 1 gen.next() // 2 和 undefined 因?yàn)闆]有傳參，yield沒有返回值 var gen = show() gen.next(10) // 1 第一次執(zhí)行到y(tǒng)ield，但沒有執(zhí)行賦值 gen.next(20) // 2 和 20function* show2() {console.log('1')yield 10console.log('2') } // yield 返回 var gen = show2() var res1 = gen.next() console.log(res1) // { value: 10, done: false } var res2 = gen.next() console.log(res2) // { value: undefined, done: true } 最后的value需要return返回

?

?

2、generator-實(shí)例？

Promise 適合一次讀一組，generator 適合邏輯性的

// 帶邏輯-generator runner(function * () {let userData = yield $.ajax({url: 'getUserData'})if (userData.type == 'VIP') {let items = yield $.ajax({url: 'getVIPItems'})} else {let items = yield $.ajax({url: 'getItems'})} }) // yield 實(shí)例，用同步方式寫異步 server.use(function * () {let data = yield db.query(`select * from user_table`)this.body = data })

?

?

?

二、generator-認(rèn)識(shí)生成器函數(shù)

1.generator-認(rèn)識(shí)生成器函數(shù)

• generator 生成器函數(shù)
  • 普通函數(shù)，一路到底
  • generator函數(shù)，中間可以停，到哪停呢，用 yield 配合，交出執(zhí)行權(quán)
  • yield 有 放棄、退讓、退位的意思
  • 需要調(diào)用next()方法啟動(dòng)執(zhí)行，需要遇到 yield 停, 踹一腳走一步
  • generator函數(shù)前面加一個(gè)?*?兩邊可以有空格，或靠近函數(shù)或function
  • 背后實(shí)際生成多個(gè)小函數(shù)，實(shí)現(xiàn)走走停停

function show() {console.log('a')console.log('b') } show() // 普通函數(shù)function *show2() {console.log('1')yieldconsole.log('2') } let genObj = show2() genObj.next() // 1 genObj.next() // 2 genObj.next() // 最后了，沒有結(jié)果

2.generator-yield是啥

• yield

  • 既可傳參，又可以返回
  • 第一個(gè)next()傳參無效，只用來啟動(dòng)

• 如果函數(shù)前漏掉?*

  • 就是普通函數(shù)
  • 如果有yield會(huì)報(bào)錯(cuò)，?ReferenceError: yield is not defined
  • yield 只能在Generator函數(shù)內(nèi)部使用

function * show() {console.log('1')var a = yieldconsole.log('2')console.log(a) } // yield 傳參 var gen = show() gen.next() // 1 gen.next() // 2 和 undefined 因?yàn)闆]有傳參，yield沒有返回值 var gen = show() gen.next(10) // 1 第一次執(zhí)行到y(tǒng)ield，但沒有執(zhí)行賦值 gen.next(20) // 2 和 20function* show2() {console.log('1')yield 10console.log('2') } // yield 返回 var gen = show2() var res1 = gen.next() console.log(res1) // { value: 10, done: false } var res2 = gen.next() console.log(res2) // { value: undefined, done: true } 最后的value需要return返回

3.generator-實(shí)例

• Promise 適合一次讀一組
• generator 適合邏輯性的

// 帶邏輯-generator runner(function * () {let userData = yield $.ajax({url: 'getUserData'})if (userData.type == 'VIP') {let items = yield $.ajax({url: 'getVIPItems'})} else {let items = yield $.ajax({url: 'getItems'})} }) // yield 實(shí)例，用同步方式寫異步 server.use(function * () {let data = yield db.query(`select * from user_table`)this.body = data })

?

三、generator 生成器，函數(shù)

generator 生成器，函數(shù)

• 普通函數(shù)
  • 一路到底
• generator函數(shù)
  • 中間能暫停
• 使用場(chǎng)景
  • 請(qǐng)求數(shù)據(jù)
  function 函數(shù)(){//codeajax(xx,function(){//code回調(diào)方式})//code } function *函數(shù)(){//codeyield ajax(xxx)//yield將整個(gè)生成函數(shù)分割成若干個(gè)普通小函數(shù)，通過next()依次執(zhí)行函數(shù)//code }

yield

• 傳參

function *show(){alert(1)let a=yieldalert(2)}let gen=show()//如果第一個(gè)next想要傳參的話直接同正常函數(shù)一樣function *show(num1,num2){alert(`${num1},${num2}`)alert(1)let a=yieldalert(2)}let gen=show()let gen=show(99,88)gen.next(12)//第一個(gè)next沒法給yield傳參gen.next(5)

?

?

?

• 返回

function *show(){alert('a')yield 12alert('b')}let gen=show()res1=gen.next()console.log(res1)//{value:12,done:false}res2=gen.next()console.log(res2)//{value:undefined(取決于函數(shù)體中的return值),done:true}

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/Renyi-Fan/p/11617776.html

總結(jié)

以上是生活随笔為你收集整理的石川es6课程---13-16、generator-认识生成器函数的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。