Question

我碰巧看到了babel.js生成的代码。原始源代码是这样的：

function * foo() {
  yield 1;
  yield 2;
  yield 3;
}

生成的ES5代码如下：

"use strict";

var _marked = [foo].map(regeneratorRuntime.mark);

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

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

        case 4:
          _context.next = 6;
          return 3;

        case 6:
        case "end":
          return _context.stop();
      }
    }
  }, _marked[0], this);
}

我的问题是：为什么生成的案例值是0,2,4和6而不是0,1,2,3？

这个设计背后有什么理由吗？

Answer 1

为什么生成的case值为0,2,4和6而不是0,1,2,3？

案例值并不重要，它们没有连续编号，因为其中一些被省略了。代码生成here，其中案例仅在标记时插入列表中。这意味着even commented：

// A sparse array whose keys correspond to locations in this.listing
// that have been marked as branch/jump targets.
this.marked = [true];

列表只是一个语句列表 - 实际上是你在输出中看到的语句。对于问题中的特定代码，每次yield expression is encountered，does emit赋值给context.next，实际返回语句带有产生的值，并将下一个语句标记为跳转目标。这是你的数字来自哪里。如果添加一些行，它们就会改变。

为什么Babel.js将发电机变换为非顺序开关情况？

1 个答案: