Установка свойства из обещания в классе ES6

Question

У меня есть этот класс ES6, который не работает, когда this.categories = data.data выполнен с ошибкой TypeError: Cannot set property 'categories' of undefined.

Я думаю, что это связано с this, ссылаясь на контекст внутри обещания.

Как установить this.categories изнутри обещания?

Спасибо.

class NavbarController { 
    constructor(bnCategoryService) { 
     this.categories = []; // This is what should be set with data.data. 
     this.bnCategoryService = bnCategoryService; 
     this.getCategories(); 
    } 

    getCategories() { 
     this.bnCategoryService.getCategories() // Returns a promise 
      .success(function(data, status, headers, config) { 
       console.log(data.data); 
       this.categories = data.data; // This fails! 
      }) 
      .error(function(data, status, headers, config) { 
       console.log('Category service: An error occured getting tags from the server.'); 
      }); 
    } 
} 

Answer 1

Просто используйте функцию стрелки в обработчике успеха, чтобы получить лексический this связывания:

.success((data, status, headers, config) => { 
    console.log(data.data); 
    this.categories = data.data; // This won't fail! 
}) 

Answer 2

Даже если ваш код реализующий ECMA-Script 6 класс, это не значит, что this ключевое слово все еще имеет разные значения в зависимости от области действия.

Внутри обработчика successthis не будет вашим экземпляром текущего класса.

Refactor весь код, чтобы объявить переменную перед вызовом асинхронной операции, которая будет содержать значение this, а затем использовать в success обработчика всю переменную:

// This variable holds the "this" value from the class function scope. 
var that = this; 
this.bnCategoryService.getCategories() // Returns a promise 
      .success(function(data, status, headers, config) { 
       console.log(data.data); 
       that.categories = data.data; // This fails! 
      }) 
      .error(function(data, status, headers, config) { 
       console.log('Category service: An error occured getting tags from the server.'); 
      });