类构造函数中的异步数据加载

Ras*_*ton 2 javascript ecmascript-6

例:

var readBackend = function(){
    var deferred = q.defer();
    readData().then(function(data) {
         deferred.resolve(data);
      })
    return deferred.promise;
}

class Test {
    constructor(){
        readBackend().then(function(data) {
            this.importantData = data;
        })
    }

    someFunc() {
        //iterate over important data, but important data is defined
        //promise didnt resolved yet
    }

}

var test = new Test();
test.someFunc(); //throws exception!
Run Code Online (Sandbox Code Playgroud)

有没有办法确保,当我调用时,对象属性是由构造函数启动的someFunc

我想到的唯一方法是创建init函数,它将返回promise,但是,每次我使用我的类时,我都会依赖init函数来正常工作

Fel*_*ing 6

有没有办法确保,当我调用时,对象属性是由构造函数启动的someFunc

并非没有重组您的代码.您不能让构造函数执行异步操作并期望您的同步方法可以工作.


我看到两种可能的解决方案

1.使用静态方法加载数据并返回类的新实例:

class Test {
    static createFromBackend() {
      return readBackend().then(data => new Test(data));
    }

    constructor(data){
      this.importantData = data;
    }

    someFunc() {
      // iterate over important data
    }
}

Test.createFromBackend().then(test => {
  test.someFunc();
});
Run Code Online (Sandbox Code Playgroud)

这可确保在创建实例时数据可用,并且可以使类的API保持同步.

2.将承诺存储在对象上:

class Test {
    constructor(){
      this.importantData = readBackend();
    }

    someFunc() {
      this.importantData.then(data => {
        // iterate over important data
      });
    }
}
Run Code Online (Sandbox Code Playgroud)

当然,如果someFunc应该返回一些东西,那就要求它返回一个承诺.即你的类的API现在是异步的.