如何在 Typescript 的回调函数中访问“this”？ [复制]

Question

一旦调用回调，我试图将在类开头声明的变量（布尔值）设置为 true，但我不断收到 TypeScript 错误。

这是错误：

TypeError: Cannot set property 'nonReceived' of undefined

这是我的代码：

  finalizeToken(){
  braintree.setup(JSON.parse(this.finalToken), 'dropin', {
     container: 'dropin-container',
     defaultFirst: true,
      form: 'checkout-form',
      onPaymentMethodReceived: function (obj) {
        this.nonReceived = true;
      localStorage.setItem('nonce', obj.nonce);
    }
  });  
}

brintree-setup 连接到 Braintree Payments，并等待用户支付信息。他们提交表单后，我需要将变量“this.nonReceived”设置为 true。

Answer 1

如果您使用 ES5 语法，您可以使用 function(){}.bind(this) 将回调与上下文绑定，但使用 Typescript 您可以使用 ES6 语法并使用箭头函数 (parameters) => {function_body} 隐式绑定当前上下文。