なぜfuncはこのコンテキストでは未定義ですか？

Question

だから私は

func() 
{ 
    const curVal = this.curVal; 
    const callAgain =() => { func(); }; 
    Axios.get('somecontroller/someaction') 
     .then(response => 
     { 
      const newVal = response.data.curVal; 
      if(curVal === newVal) 
       setTimeout(callAgain, 500); 
      else 
       // .... 
     }) 
     .catch(response => 
     { 
      // ... 
     }); 
} 

のような機能を持っており、私のブラウザがfuncがundefinedだと言っライン

const callAgain =() => { func(); }; 

文句を言っています。どんな考え？どうすれば修正できますか？

Answer 1

あなたが投稿したとおりに機能を定義することはできません。

ただし、たとえば、あなたの関数を定義するfunctionキーワードを使用することができます。

function func() { 
    ... 
} 

func(); // it works! 

編集： あなたのコメントによると、これは、オブジェクトのメソッドの宣言です。この作業を行うには、ブラウザがこの特定のES2015機能をサポートしているかどうかを確認する必要があります。そうでない場合は、有効なES5に変更してください。

次にあなたがthis.func()を使用して機能にアクセスすることができるはずです：あなたはfunc()例えばを使用している場合は

const callAgain =() => { this.func(); }; 

DOMイベントのコールバックとして、あなたはまた、コンストラクタで明示的にそれを結合することによって、たとえば、thisがfuncに正しくバインドされていることを確認する必要があります：

constructor() { 
    ... 

    this.func = this.func.bind(this); 
} 

Answer 2

次のいずれかを使用して関数を定義：

あなたはこのようにそれを定義

function func(){ ... } 

それとも...

var func = function(){ ... } 

---

：

func() { ... } 

JavaScriptは、あなたがfuncと呼ばれる既存の関数を実行し、その後