なぜmyVarは未定義ですか？

Question

私のソケットイベントを取得するときdrawMouse &私のdraw()関数が呼び出されますmyVarは未定義です。 socket.onコールバックからthis.myVarにアクセスできないのはなぜですか？

import { Component, OnInit } from '@angular/core'; 

import * as io from 'socket.io-client'; 


@Component({ 
    selector: 'app-test', 
    templateUrl: './test.component.html', 
    styleUrls: ['./test.component.css'] 
}) 
export class TestComponent implements OnInit { 
    myVar:string; 

    constructor(){ 
    this.socket = io("http://localhost:4300"); 
    this.myVar = "hello" 

    } 

    ngOnInit() { 
     this.socket.on('drawMouse', function(data){ 
      this.draw(data) 
     }) 
    } 

    draw(){ 
    //this variable is undefined 
    console.log(this.myVar); 
    } 
} 

Answer 1

ソケットコールバック内部thisコンポーネントに参照のうえないからです。

試してください：あなたは確か `draw`は実際に

this.socket.on('drawMouse', (data)=>{ 
      this.draw(data) 
     })