Generator实现原理剖析

先从一个简单的Generator实力开始~

function* foo() {
   
  yield 'result1'
  yield 'result2'
  yield 'result3'
}
  
const gen = foo()
console.log(gen.next().value)
console.log(gen.next().value)
console.log(gen.next().value)

然后我们把他放在babel官网上的在线编译上看看ES5环境下 是如何转换gennerator的：

"use strict";

var _marked =
/*#__PURE__*/
regeneratorRuntime.mark(foo);

function foo() {
   
  return regeneratorRuntime.wrap(function foo$(_context) {
   
    while (1) {
   
      switch (_context.prev = _context.next) {
   
        case 0:
          _context.next = 2;
          return 'result1';

        case 2:
          _context.next = 4;
          return 'result2';

        case 4:
          _context.next = 6;
          return 'result3';

        case 6:
        case "end":
          return _context.stop();
      }
    }
  }, _marked);
}

var gen = foo();
console.log(gen.next().value);
console.log(gen.next().value)