Почему func undefined в этом контексте?

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 => 
     { 
      // ... 
     }); 
} 

и мой браузер жалуется на линии

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

говоря, что func является undefined. Любая идея почему? Как я могу исправить?

Answer 1

Вы не можете определить функцию так, как вы ее разместили.

Однако, вы можете, например, использовать function ключевое слово, чтобы определить свою функцию:

function func() { 
    ... 
} 

func(); // it works! 

Edit: По вашему комментарию, это объявление метода объекта. Чтобы выполнить эту работу, вам сначала нужно убедиться, что ваш браузер поддерживает эту особенность ES2015, а если нет, вы переводите ее на действительный ES5.

Тогда вы должны быть в состоянии получить доступ к функции с помощью this.func():

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

В случае, если вы используете func() например в качестве обратного вызова для события DOM, вы также должны убедиться, что this правильно связаны в func, например, явно связывая его в конструкторе:

constructor() { 
    ... 

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

Answer 2

Определить функцию, используя одно из следующих действий:

function func(){ ... } 

Или ...

var func = function(){ ... } 

---

Когда вы определяете это следующим образом:

func() { ... } 

JavaScript думает, что вы пытаетесь выполнить существующую функцию, называемую func, а затем запустить блок кода { ... }