为什么即使初始化为数组后，Typescript仍然无法读取推式方法？ （ANGULAR2）

Question

我试图创建一个使用pubnub和Angular2的聊天应用程序，但我坚持在这一部分。

import { Injectable } from '@angular/core'; 
import { PubNubAngular } from 'pubnub-angular2'; 

@Injectable() 
export class ChatService { 
    public uuid: string; 
    public message: string; 
    public messages = []; <------------------- Already initialized 
    public channel: string[]; 

    constructor(private pubnub:PubNubAngular) { 

    // ....... /// 

    this.pubnub.addListener({ 
     message: function (m) { 
     let msg: object = { 
      origin: m.channel, 
      timetoken: m.timetoken, 
      content: m.message, 
      sender: m.sender 
     } 
     this.messages.push(msg); <-------- PRODUCES A "CANNOT READ PROPERTY 
              'PUSH' OF TYPE UNDEFINED IN [NULL]" ERROR 
     } 
    }); 
    } 

请帮帮忙，这似乎出于某种原因我不能访问该部分消息数组，大概是为什么它不能检测push方法。

Answer 1

使用箭头功能应该能够解决您的问题

message: (m) => { 
    let msg: object = { 
    origin: m.channel, 
    timetoken: m.timetoken, 
    content: m.message, 
    sender: m.sender 
    } 
    this.messages.push(msg); <-------- now this is your component instance 
} 

查看关于箭头的功能在这里

• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions#No_binding_of_this