TS TypeScript SetInterval - タイマターゲット関数の内部から関数にアクセスできない

Question

setInterval（）によって呼び出されるtimed関数の内部から関数を呼び出そうとしています。ここで

は私のコードです：

export class SmileyDirective 
{ 

FillGraphValues()  
{ 
    console.log("FillGraphValues works");  // this works 
} 

MyTimer() 
{ 
    console.log("timer works");  // this works 
    this.FillGraphValues();   // this does not work 
    FillGraphValues();    // this does not work 
} 

draw() 
{ 
    this.FillGraphValues(); // this works 

    setInterval(this.MyTimer, 1000); 
} 
} 

アプリケーションのいずれかでクラッシュ：

"this.FillGraphValues is not a function" 

または

Cannot find name 'FillGraphValues'. Did you mean the instance member 'this.FillGraphValues'? 

私も試してみました：

setInterval(function(){MyTimer()}, 1000); 

と

setInterval(function(){this.MyTimer()}, 1000); 

しかし、彼らは動作しませんでした。

感謝:)

Answer 1

たぶんこれがうまくいく： たsetInterval（（）=> {this.MyTimer（）}、1000）。

ので、コードは次のようになります。

export class SmileyDirective { 

    FillGraphValues() { 
     console.log("FillGraphValues works");  // this works 
    } 

    MyTimer() { 
     console.log("timer works");  // this works 
     this.FillGraphValues();   // this DOES work 
    } 

    draw() { 
     this.FillGraphValues(); // this works 

     setInterval(() => { this.MyTimer() }, 1000); 
    } 
} 

var obj = new SmileyDirective(); 
obj.draw(); 

これはきれいにtranspiles：注目すべき部分は

var _this = this; 
 
      this.FillGraphValues(); // this works 
 
      setInterval(function() { _this.MyTimer(); }, 1000);

ある

define(["require", "exports"], function (require, exports) { 
 
    "use strict"; 
 
    var SmileyDirective = (function() { 
 
     function SmileyDirective() { 
 
     } 
 
     SmileyDirective.prototype.FillGraphValues = function() { 
 
      console.log("FillGraphValues works"); // this works 
 
     }; 
 
     SmileyDirective.prototype.MyTimer = function() { 
 
      console.log("timer works"); // this works 
 
      this.FillGraphValues(); // this does not work 
 
     }; 
 
     SmileyDirective.prototype.draw = function() { 
 
      var _this = this; 
 
      this.FillGraphValues(); // this works 
 
      setInterval(function() { _this.MyTimer(); }, 1000); 
 
     }; 
 
     return SmileyDirective; 
 
    }()); 
 
    exports.SmileyDirective = SmileyDirective; 
 
    var obj = new SmileyDirective(); 
 
    obj.draw(); 
 
});

本質的に閉鎖でこの変数を保存したsetInterval関数を呼び出すときにそれを使用してコンテキストを保存210

。