// 傳統(tǒng)函數(shù)
  function foo() {
    return 'hello world'
  }
  foo()   // 'hello world'，一旦調(diào)用立即執(zhí)行
  // Generator函數(shù)
  function* generator() {
    yield 'status one'         // yield 表達(dá)式是暫停執(zhí)行的標(biāo)記  
    return 'hello world'
  }
  let iterator = generator()   // 調(diào)用 Generator函數(shù)，函數(shù)并沒有執(zhí)行，返回的是一個Iterator對象
  iterator.next()              // {value: "status one", done: false}，value 表示返回值，done 表示遍歷還沒有結(jié)束
  iterator.next()              // {value: "hello world", done: true}，value 表示返回值，done 表示遍歷結(jié)束

  function* gen() {
    yield 'hello'
    yield 'world'
    return 'ending'
  }
  let it = gen()
  it.next()   // {value: "hello", done: false}
  it.next()   // {value: "world", done: false}
  it.next()   // {value: "ending", done: true}
  it.next()   // {value: undefined, done: true}

function (){
    yield 1;
  })()
  // SyntaxError: Unexpected number
  // 在一個普通函數(shù)中使用yield表達(dá)式，結(jié)果產(chǎn)生一個句法錯誤

function* demo() {
    console.log('Hello' + yield); // SyntaxError
    console.log('Hello' + yield 123); // SyntaxError
    console.log('Hello' + (yield)); // OK
    console.log('Hello' + (yield 123)); // OK
  }

function* demo() {
    foo(yield 'a', yield 'b'); // OK
    let input = yield; // OK
  }

function* foo() {
    yield 'aaa'
    yield 'bbb'
  }
  function* bar() {
    foo()
    yield 'ccc'
    yield 'ddd'
  }
  let iterator = bar()
  for(let value of iterator) {
    console.log(value)
  }
  // ccc
  // ddd

 function* foo() {
    yield 'aaa'
    yield 'bbb'
  }
  function* bar() {
    yield* foo()      // 在bar函數(shù)中 **執(zhí)行** foo函數(shù)
    yield 'ccc'
    yield 'ddd'
  }
  let iterator = bar()
  for(let value of iterator) {
    console.log(value)
  }
  // aaa
  // bbb
  // ccc
  // ddd

  function* gen(x) {
    let y = 2 * (yield (x + 1))   // 注意：yield 表達(dá)式如果用在另一個表達(dá)式中，必須放在圓括號里面
    let z = yield (y / 3)
    return x + y + z
  }
  let it = gen(5)
  /*** 正確的結(jié)果在這里 ***/
  console.log(it.next())  // 首次調(diào)用next，函數(shù)只會執(zhí)行到 “yield(5+1)” 暫停，并返回 {value: 6, done: false}
  console.log(it.next())  // 第二次調(diào)用next，沒有傳遞參數(shù)，所以 y的值是undefined，那么 y/3 當(dāng)然是一個NaN，所以應(yīng)該返回 {value: NaN, done: false}
  console.log(it.next())  // 同樣的道理，z也是undefined，6 + undefined + undefined = NaN，返回 {value: NaN, done: true}

{
  function* gen(x) {
    let y = 2 * (yield (x + 1))   // 注意：yield 表達(dá)式如果用在另一個表達(dá)式中，必須放在圓括號里面
    let z = yield (y / 3)
    return x + y + z
  }
  let it = gen(5)
  console.log(it.next())  // 正常的運(yùn)算應(yīng)該是先執(zhí)行圓括號內(nèi)的計算，再去乘以2，由于圓括號內(nèi)被 yield 返回 5 + 1 的結(jié)果并暫停，所以返回{value: 6, done: false}
  console.log(it.next(9))  // 上次是在圓括號內(nèi)部暫停的，所以第二次調(diào)用 next方法應(yīng)該從圓括號里面開始，就變成了 let y = 2 * (9)，y被賦值為18，所以第二次返回的應(yīng)該是 18/3的結(jié)果 {value: 6, done: false}
  console.log(it.next(2))  // 參數(shù)2被賦值給了 z，最終 x + y + z = 5 + 18 + 2 = 25，返回 {value: 25, done: true}
}

{
  let obj = {}
  function* gen() {
    yield 4
    yield 5
    yield 6
  }
  obj[Symbol.iterator] = gen
  for(let value of obj) {
    console.log(value)
  }
  // 4
  // 5
  // 6
  console.log([...obj])    // [4, 5, 6]
}

{
  function* gen() {
    yield 1
    yield 2
    yield 3
    yield 4
    return 5
  }
  for(let item of gen()) {
    console.log(item)
  }
  // 1 2 3 4
}

{
  function* gen() {
    yield 1
    yield 2
    yield 3
  }
  let it = gen()
  it.next()             // {value: 1, done: false}
  it.return('ending')   // {value: "ending", done: true}
  it.next()             // {value: undefined, done: true}
}

{
  let count = 6  // 聲明一個全局變量
  // 具體抽獎邏輯的方法
  function draw() {
    // 執(zhí)行一段抽獎邏輯
    // ...
    // 執(zhí)行完畢
    console.log(`剩余${count}次`)
  }
  // 執(zhí)行抽獎的方法
  function startDrawing(){
    if(count > 0) {
      count--
      draw(count)
    }
  }
  let btn = document.createElement('button')
  btn.id = 'start'
  btn.textContent = '開始抽獎'
  document.body.appendChild(btn)
  document.getElementById('start').addEventListener('click', function(){
    startDrawing()
  }, false)
}

  // 具體抽獎邏輯的方法
  function draw(count) {
    // 執(zhí)行一段抽獎邏輯
    // ...
    console.log(`剩余${count}次`)
  }
  // 執(zhí)行抽獎的方法
  function* remain(count) {
    while(count > 0) {
      count--
      yield draw(count)
    }
  }
  let startDrawing = remain(6)
  let btn = document.createElement('button')
  btn.id = 'start'
  btn.textContent = '開始抽獎'
  document.body.appendChild(btn)
  document.getElementById('start').addEventListener('click', function(){
    startDrawing.next()
  }, false)

{
  // 請求的方法
  function* ajax() {
    yield new Promise((resolve, reject) => {
      // 此處用一個定時器來模擬請求數(shù)據(jù)的耗時，并約定當(dāng)返回的json中code為0表示有新數(shù)據(jù)更新
      setTimeout(() => {
        resolve({code: 0})
      }, 200)
    })
  }
  // 長輪詢的方法
  function update() {
    let promise = ajax().next().value    // 返回的對象的value屬性是一個 Promise 實(shí)例對象
    promise.then(res => {
      if(res.code != 0) {
        setTimeout(() => {
          console.log('2秒后繼續(xù)查詢.....')
          update()
        }, 2000)
      } else{
        console.log(res)
      }
    })
  }
  update()
}