石川es6課程---13-16、generator-認識生成器函數

一、總結

一句話總結：

` generator函數，中間可以停，到哪停呢，用 yield 配合，交出執行權

` 需要調用next()方法啟動執行，需要遇到 yield 停, 踹一腳走一步

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

` 背后實際生成多個小函數，實現走走停停

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

?

?

1、generator-yield是啥？

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

- 第一個next()傳參無效，只用來啟動

- 如果函數前漏掉 *，就是普通函數，如果有yield會報錯， 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 因為沒有傳參，yield沒有返回值 var gen = show() gen.next(10) // 1 第一次執行到yield，但沒有執行賦值 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-實例？

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 實例，用同步方式寫異步 server.use(function * () {let data = yield db.query(`select * from user_table`)this.body = data })

?

?

?

二、generator-認識生成器函數

1.generator-認識生成器函數

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

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

2.generator-yield是啥

• yield

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

• 如果函數前漏掉?*

  • 就是普通函數
  • 如果有yield會報錯，?ReferenceError: yield is not defined
  • yield 只能在Generator函數內部使用

function * show() {console.log('1')var a = yieldconsole.log('2')console.log(a) } // yield 傳參 var gen = show() gen.next() // 1 gen.next() // 2 和 undefined 因為沒有傳參，yield沒有返回值 var gen = show() gen.next(10) // 1 第一次執行到yield，但沒有執行賦值 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-實例

• 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 實例，用同步方式寫異步 server.use(function * () {let data = yield db.query(`select * from user_table`)this.body = data })

?

三、generator 生成器，函數

generator 生成器，函數

• 普通函數
  • 一路到底
• generator函數
  • 中間能暫停
• 使用場景
  • 請求數據
  function 函數(){//codeajax(xx,function(){//code回調方式})//code } function *函數(){//codeyield ajax(xxx)//yield將整個生成函數分割成若干個普通小函數，通過next()依次執行函數//code }

yield

• 傳參

function *show(){alert(1)let a=yieldalert(2)}let gen=show()//如果第一個next想要傳參的話直接同正常函數一樣function *show(num1,num2){alert(`${num1},${num2}`)alert(1)let a=yieldalert(2)}let gen=show()let gen=show(99,88)gen.next(12)//第一個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(取決于函數體中的return值),done:true}

?

?

轉載于:https://www.cnblogs.com/Renyi-Fan/p/11617776.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。