时间戳

首页 > 解决方案 > 将承诺放在前端还是后端更好？

javascript - 将承诺放在前端还是后端更好？

问题描述

我目前正在重构我的代码，因为有一些加载时间问题阻止我的数据在生产中正确加载。

只是为了建立一个更好的习惯，您是否建议将承诺放在后端，即我的数据库调用所在的位置，或者在调用所述数据库方法并返回结果的前端？是否会同时使用两者？

标签： javascriptpromisebluebird

解决方案

与往常一样，在技术领域，它都是关于权衡的，一个并不比另一个更好，但是因为我大部分时间都在 Angular 上工作，所以我会告诉你我会怎么做：

我会编写一个从 RXJS 订阅中获取单个值的服务，然后使用一个 Promise 将其解包，这是一个 firebase 示例：

  getValue(path: string): Promise<any> {
    var pathArr = path.split('/')
    var col = pathArr[0]
    var doc = pathArr[1]
    if (doc) {
      return new Promise((resolve) => {
        this.afs
          .collection(col)
          .doc(doc)
          .valueChanges()
          .pipe(take(1))
          .subscribe((val) => {
            resolve(val);
          });
      });
    } else {
      return new Promise((resolve) => {
        this.afs
          .collection(col)
          .valueChanges()
          .pipe(take(1))
          .subscribe((val) => {
            resolve(val);
          });
      });
    }
  }
}

然后我将通过使用 .then() 函数获得承诺的价值，相同的 firebase 示例：

this.Database.getValue('Developers').then((val) => {
      var output = [];
      val.forEach((dev: any) => {
        //@ts-ignore
        output.push(dev.name);
      });
      output = output.filter((_val) => {
        return _val !== undefined;
      });
      this.options = output;
      this.filteredOptions = this.developerForm
        .get('applyTo')
        .valueChanges.pipe(
          startWith(''),
          map((value) => this._filter(value))
        );
    });
  }

简而言之，我的投票投给了前端哈哈 :)

推荐阅读