一个人如何使用TypeScript / Angular2从对象中函数内部的类访问此函数

Question

在我的angular2项目中，我有一个DataService类。 我想要一个DataService.await.get（）和DataService.await.put（），但是在这些方法中获取正确的“ this”时遇到了麻烦。

这就是我现在所拥有的：

import { Injectable } from '@angular/core';

import { Observable } from 'rxjs/Observable';
import { ReplaySubject } from 'rxjs/ReplaySubject';

@Injectable()
export class DataService {

  public await = {
    get(req): Observable<any> {
      return this.getIt(req); // I need 'this' to be the DataService
    },

    put(req, data): boolean {
      return this.putIt(req, data); // I need 'this' to be the DataService
  }

  constructor() {}

  private getIt(req: string): Observable<any> {
    return new ReplaySubject(1).AsObservable();
  }

  private putIt(req: string, data: any): boolean {
    return true;
  }
}

我已经看到了一些使用箭头函数的示例，这些箭头函数用于函数中的函数，而不用于对象中的函数...如何获得“ this”作为对类的引用？

Answer 1

您可以将您的属性更改为返回对象的函数，并使用一些技巧：

public await() {
    let that = this;

    return {

        get(req): Observable<any> {
            return that.getIt(req);
        },

        put(req, data): boolean {
            return that.putIt(req, data);
        }
    };
}

或者您可以在构造函数中初始化await属性：

await: { get(req): Observable<any>, put(req, data): boolean };

constructor() {
    let that = this;
    this.await = {
        get(req): Observable<any> {
            return that.getIt(req);
        },

        put(req, data): boolean {
            return that.putIt(req, data);
        }
    };
}

Answer 2

毕竟，我设法使用arrow来解决它，似乎这一次我一直在尝试使用get =而不是get：

import { Injectable } from '@angular/core';

import { Observable } from 'rxjs/Observable';
import { ReplaySubject } from 'rxjs/ReplaySubject';

@Injectable()
export class DataService {

  public await = {
    get: (req): Observable<any> => {
      return this.getIt(req); // I need 'this' to be the DataService
    },

    put: (req, data): boolean => {
      return this.putIt(req, data); // I need 'this' to be the DataService
  }

  constructor() {}

  private getIt(req: string): Observable<any> {
    return new ReplaySubject(1).AsObservable();
  }

  private putIt(req: string, data: any): boolean {
    return true;
  }
}