Как использовать this при двойной вложенности?

Question

[swcalc]

Здравствуйте, подскажите пожалуйста, получается такая ситуация.

var post = {
    preloader : surface.createPreloader(),
    edit : {
        // здесь мы без труда получаем this.preloader
        init : function (e) { 
            // а как быть здесь???
           // выдает undefined, при попытке вызвать
        },
        cancel : function (e) {},
        apply : function (e) {},
    }

};

Возможно-ли, вообще, получить там глобальную переменную? Или придется создавать отдельный экземпляр в каждом методе?

/// Airbnb

edit : {

init : () => {
    console.log(this.post_node);
},

cancel : function (e) {},

apply : function (e) {}

}

При вызове post.edit.init();
-----> undefined;

- Да, она, действительно, установлена выше )))

Answer 1

[Макс]

https://github.com/airbnb/javascript#22.5

Comments

[swcalc]

Пытаюсь понять, как это применить, сохранив post.edit.init = function () {};

Не совсем понимаю (

[swcalc]

edit : {

init : (e) => {

//return () => {
console.log(this.post_node);
//};

},

cancel : function (e) {},

apply : function (e) {}

}

----> undefined

Answer 2

[GeraldIstar]

Стандартное решение:

var post = {
    preloader : surface.createPreloader(),
    edit : {
        var self = this;
        init : function (e) { 
            self.preloader();
        },
        cancel : function (e) {},
        apply : function (e) {},
    }

};

Comments

[swcalc]

На хабе сказано //bad ))) Видимо, не стоит заморачиваться)

[Слава]

так у вас синтаксическая ошибка.
Нельзя обьявлять переменные в обьекте

[GeraldIstar]

Слава, да, действительно. Не обратил внимания. Тогда можно либо `edit` в функцию превратить, либо bind использовать, либо через имя переменной post доставать, либо функцию-конструктор городить.