V2EX 首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Node.js
Express
PPA for Ubuntu
ppa:chris-lea/node.js
Sponsored by
UCloud
UCloud 爆款云主机
UCloud 再获 9.6 亿元 D 轮融资,有钱、任性、撒福利!爆款云主机,2核 / 2G / 2M 独享带宽 / 50G 高性能云盘,低至 99 元/月,且优惠补贴期长达 1 年!V2EX 社区用户使用活动码 v2ex-ucloud 注册 UCloud,再送 100 元代金券!
Promoted by UCloud
V2EX  ›  Node.js

「提问」看了下 babel 转译的 async/await,执行了一个 while(true) {},为啥不会卡住……

  •  1
     
  •   2zH · 220 天前 · 1396 次点击
    这是一个创建于 220 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近对async/await的实现产生了兴趣,看了下babel的转译,调用了regeneratorRuntime的几个函数。

    打开源码看了一下午,有很多东西不是很理解。

    while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            _context.next = 2;
            return setTimeout(function (v) {
              return console.log(v);
            }, 1000);
    
          case 2:
          case "end":
            return _context.stop();
        }
    }
    

    以上代码我目前的理解是执行了个状态监听器,await后的函数执行完毕后会改变_context.next,然后结束这个状态机。

    但在 console 中,执行while(true){}页面几乎是秒卡的。

    求指教!

    以上运行环境为 chrome console 。

    async function log (v) {
      await setTimeout(v => console.log(v), 1000)
    }
    

    babel =>

    "use strict";
    
    var log = function () {
      var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(v) {
        return regeneratorRuntime.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                _context.next = 2;
                return setTimeout(function (v) {
                  return console.log(v);
                }, 1000);
    
              case 2:
              case "end":
                return _context.stop();
            }
          }
        }, _callee, this);
      }));
    
      return function log(_x) {
        return _ref.apply(this, arguments);
      };
    }();
    
    function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
    
    3 回复  |  直到 2016-12-19 15:27:02 +08:00
        1
    lujjjh   219 天前
    因为有 return ,所以循环只会跑一次……而且 setTimeout() 返回的并不是一个 Promise ,用 await 怪怪的吧。

    while (1) 其实是给 loop 里有 await 的用的,比如 for (let i = 10; i--; ) await Promise.resolve();

    如果可以直接 goto 到某个 label 的话,就不需要这个 while (1) 了。
        2
    lujjjh   219 天前
    我也没研究过 Babel transpile 出来的代码,好像只要 await 在控制流程语句或者 try...catch block 里就没法在 switch 里一路 fallthrough 下去,需要跳转到隔开的某个状态里。
        3
    2zH   217 天前
    @lujjjh
    async 内部 return 的好像就是一个 promise:

    function _asyncToGenerator(fn) {
    return function() {
    var gen = fn.apply(this, arguments);
    return new Promise(function(resolve, reject) {...
    });
    };
    }

    var log = function () {
    var _ref = _asyncToGenerator(...);

    return function log(_x) {
    return _ref.apply(this, arguments);
    };
    }();

    之前没有注意到 while 里面那个 return ,下一步往哪里挖有了许多头绪,谢谢指教!
    DigitalOcean
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   鸣谢   ·   1670 人在线   最高记录 3541   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.7.5 · 60ms · UTC 12:43 · PVG 20:43 · LAX 05:43 · JFK 08:43
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1