在Angular（ES6）中使用收益

Question

我正在玩ES6，並試圖讓yield適應角度要求。 var data = yield getData(); 無法按我預期的方式工作。 我正在獲取{"value":{"$$state":{"status":0}},"done":false}並且我想獲取{"value":"its working!","done":true}

這是我的代碼。

index.html

<!DOCTYPE html>
<html ng-app="app">
  <body ng-controller="bodyCtrl">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js"></script>
    <script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
    <script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>
    <script>
        angular.module('app', []);
angular.module('app')
  .controller('bodyCtrl', function ($scope, $http, $q) {
  var getData = function () {
    var deferred = $q.defer();

    $http.get('data.json').then(function (response) {
      console.log(response.data.myData);
      deferred.resolve(response.data.myData);
    });

    return deferred.promise;
  };


  var myGen = function*(){
    var data = yield getData();
    var two = yield 2;
    var three = yield 3;
    console.log(data, two, three);
  };


  var gen = myGen();
  console.log(JSON.stringify(gen.next()));
  console.log(JSON.stringify(gen.next()));
  console.log(JSON.stringify(gen.next()));
  console.log(JSON.stringify(gen.next()));
});
    </script>

  </body>
</html>

data.json

{"myData": "its working!"}

結果

{"value":{"$$state":{"status":0}},"done":false}
{"value":2,"done":false}
{"value":3,"done":false}

{"done":true}

還要感謝一些解釋！

Answer 1

你做錯了。 實際上，ES6生成器不是一次返回（屈服）某些值，而是每個需求返回一個。 他們不會等到您的諾言得到解決。 如果要使用生成器以同步方式進行異步操作，則必須將代碼包裝到一些co函數中：

co(function*() {
    var gen = myGen();
    console.log(yield gen.next());
    console.log(yield gen.next());
    console.log(yield gen.next());
    console.log(yield gen.next());
})();

您可以在以下位置找到co實現：

以此類推（在某些實現中，您不需要立即執行它）

另請參閱此問題的答案以了解更多信息。

在Angular（ES6）中使用收益

問題描述

index.html

data.json

結果

1 個解決方案

解決方案1
0 2015-02-17 17:54:34

在Angular（ES6）中使用收益

問題描述

index.html

data.json

結果

1 個解決方案

解決方案1 0 2015-02-17 17:54:34

解決方案1
0 2015-02-17 17:54:34