javascript - Rx订阅方法如何在不传递上下文的情况下保留上下文

Question

这个问题已经有答案了:

Are 'Arrow Functions' and 'Functions' equivalent / interchangeable? (5 个回答)

已关闭 7 年前。

我将 Rx 与 Angular2 一起使用，并使用 Subscribe 方法，该方法的回调保留调用它的组件(或类)的上下文，而不传递任何对它的引用。我的问题是他们是怎么做到的？使之成为可能的 JavaScript 技巧是什么？

代码片段:

this._userService.SignUpUser(this.model).subscribe(
     user => {
       this.newuser = user; // this, is actually same as the calling "this"? How does this work?      
       },
       error => this.errorMessage = <any>error  
);   

Answer 1

这是因为使用了提供词法 this 关键字的箭头函数。在这种情况下，this 并不对应于执行该函数的实例，而是对应于定义该函数的实例。

它与 Rx 完全无关。

请参阅此链接了解更多详细信息:

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions