Ошибка области в конструкторе (ES6)

Question

У меня возникла странная ошибка , когда я работал с новой версией ES6. Когда я запускаю этот кусок кода, я получаю ReferenceError: alertBox is not defined. Есть ли способ вызвать alertBox внутри этой функции? Заранее спасибо :)

Вот код

class main { 
    constructor(data){ 
    this.data=data; 

    // this one works 
    this.alertBox(this.data); 

    this.watchFile(function(){ 
     // this one throws error 
     this.alertBox(this.data); 
    }); 
    } 

    alertBox(data){ 
    alert(data); 
    } 

    watchFile(cb){ 
    cb("changed"); 
    } 
} 

// app.js 
new main("hello"); 

Здесь Вы можете найти фрагмент кода: https://repl.it/FJUo

Answer 1

Пропустив нормальную функцию в watchFile вы теряете контекст this. В ES6 вы можете использовать синтаксис функции «arrow function», чтобы создать функцию, которая сохраняет правильный контекст.

this.watchFile(() => { 
    this.alertBox(this.data); 
});