Typescript在函數中傳遞變量

Question

新的Typescript並試圖讓我的頭。

以下是基本上生成三個隨機數的代碼，我使用這些從json中選擇隨機對象。

@Injectable() 
export class TrackService { 
    public drawn :number[]=[]; 

    constructor(private http: Http) { 


    } 
    public getRandomTrack(): Observable<Track[]> { 
     this.generateRandomNumbers(); 
     console.log(this.drawn); //this.drawn is available here 
     return this.http 
     .get(API_ENDPOINT) 
     .map(this.extractRandomData); 
    } 



    public extractRandomData(res: Response) { 
     let body = res.json();   
     console.log(this.drawn); //undefined here 

     var randomTrack = []; 

     for(var i=0;i<this.drawn.length; i++){ 
      randomTrack.push(body.results[this.drawn[i]]); 
     } 

     return randomTrack; 
    } 


    private generateRandomNumbers(){ 
     var available = []; 

     for (var i = 1; i<= 55; i++) { 
      available.push(i); 
     } 

     for (var i = 0; i <3; i++) { 
      var random = Math.floor((Math.random() * available.length)); 
      this.drawn.push(available[random]); 
      available.splice(random, 1); 
     } 

     return this.drawn; 
    } 

你extractRandomData this.drawn看到裏面是不確定的，我怎麼打發this.drawn成函數，所以我可以訪問陣列。

請幫忙。

Answer 1

你必須結合上下文：

public getRandomTrack(): Observable<Track[]> { 
    this.generateRandomNumbers(); 
    console.log(this.drawn); //this.drawn is available here 
    return this.http 
    .get(API_ENDPOINT) 
    .map((v) => { this.extractRandomData(v) }); 
} 

見「this」 cannot be used in typescript function (Angular) 瞭解更多詳情。

Answer 2

我得到它的工作在其結尾添加此

https://www.tutorialspoint.com/typescript/typescript_array_map.htm

public getRandomTrack(): Observable<Track[]> { 
     this.generateRandomNumbers(); 
     console.log(this.drawn); 
     return this.http 
     .get(API_ENDPOINT) 
     .map(this.extractRandomData,this); 
    } 

思考如何好是壞呢？

Answer 3

繪製陣列是在服務全球，所以你可以只要你想裏面的服務訪問它，但你的問題是在地圖調用，你應該叫象下面這樣：

return this.http.get(API_ENDPOINT) 
      .map(responseData => this.extractRandomData(responseData)); 

Answer 4

您可以使用任何的以上答案。兩者都是對的。 請參閱此鏈接瞭解更多信息this is undefined in map

示例代碼

public getRandomTrack(){ 
    this.generateRandomNumbers(); 
    console.log(this.drawn); 
    [1,2].map(this.extractData,this); //Pass this as argument 
    [1,2].map(data => {    // Arrow function 
    console.log(this.drawn); 
} 

extractData(val : any){ 
    console.log(val); 
    console.log(this.drawn); 
}