promise - ES6 和 promise 中的变量范围

Question

不确定我在这里缺少什么。

我需要得到 data 的输出进入 this.contact .现在，我正在使用静态类变量，但必须这样做似乎很脏。

export class contactEdit {
  static t; // static class var
  constructor() {
    this.id = null;
    this.contact = null;
    contactEdit.t = this;
  }

  activate(id) {
    this.id = id;
    let contact = this.contact; // scoped version of class var
    return dpd.contacts.get(id).then(function(data) {
      console.log(data);
      contactEdit.t.contact = data; // this works
      contact = data; // this doesn't
    });
  }
}

通常我会创建一个 var contact内 activate()功能(它在 Chrome 控制台中工作)，但这似乎在 ES6 中不起作用。

Chrome 控制台:

var c = null;
undefined
c;
null
dpd.contacts.get('a415fdc8f5a7184d').then(function(data) {
      c = data;
    });
Object {}fail: (n)then: (e,t)__proto__: Object
c;
Object {firstName: "John", lastName: "Doe", id: "a415fdc8f5a7184d"}

Answer 1

你需要做两件事。首先，使用箭头函数，其次，使用`this.contact = data;

activate(id) {
  this.id = id;
  return dpd.contacts.get(id).then(data => {
    console.log(data);
    this.contact = data;
  });
}

您使用箭头函数是因为它处理 JavaScript 的“ this”问题，其中 this 指的是函数的词法范围，而不是您当前所在的对象。使用箭头函数确保 this外箭头函数同 this在箭头函数里面。

您需要使用 this.contact因为 contact是类的实例属性。