V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
2zH
V2EX  ›  Node.js

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

  •  2
     
  •   2zH · 2016-12-16 17:41:16 +08:00 · 5389 次点击
    这是一个创建于 2897 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近对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
    lujjjh
        1
    lujjjh  
       2016-12-16 21:24:49 +08:00
    因为有 return ,所以循环只会跑一次……而且 setTimeout() 返回的并不是一个 Promise ,用 await 怪怪的吧。

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

    如果可以直接 goto 到某个 label 的话,就不需要这个 while (1) 了。
    lujjjh
        2
    lujjjh  
       2016-12-16 21:34:29 +08:00
    我也没研究过 Babel transpile 出来的代码,好像只要 await 在控制流程语句或者 try...catch block 里就没法在 switch 里一路 fallthrough 下去,需要跳转到隔开的某个状态里。
    2zH
        3
    2zH  
    OP
       2016-12-19 15:27:02 +08:00
    @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 ,下一步往哪里挖有了许多头绪,谢谢指教!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3481 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 00:49 · PVG 08:49 · LAX 16:49 · JFK 19:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.