无法访问 Promise Angular 中的模块 [重复]

Question

当我想使用服务时，这里的 TokenService 带有一个返回字符串“totototok”的方法 getToken()，当我在 promise 中调用它时，我无法得到答案。错误是：

core.js:15723 ERROR 错误：未捕获（承诺中）：TypeError：无法读取未定义的属性“tokenService” TypeError：无法读取未定义的属性“tokenService”

就在下面，这是一个简单的示例，只是为了向您展示问题。

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

@Injectable({
  providedIn: 'root'
})

export class TokenService {

  token : string;

  constructor() {
    this.token="tototototok" 
  }

  getToken(){
    return this.token;
  }
}

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { TokenService } from '../services/token.service';

@Component({
  selector: 'app-testpromise',
  templateUrl: './testpromise.component.html',
  styleUrls: ['./testpromise.component.scss']
})
export class TestpromiseComponent implements OnInit {

  constructor(private tokenService : TokenService) { }

  ngOnInit() {
  }

  first(){


    return new Promise(function(resolve,reject){

      console.log(this.tokenService.getToken());

    })
  }

}

我该如何解决这个问题？

Answer 1

您应该能够通过使用箭头函数来访问它以获取词法范围。

return new Promise((resolve,reject) => {
  console.log(this.tokenService.getToken());
})

• More about arrow functions