Как обратиться к свойству объекта?

Question

[Дима Паутов]

Вопрос в коде!

var myObject = {
    prop1: function(){
        console.log('Анимация прошла!');
    },
    prop2: function(){
        $('div').animate({
            opacity: 0.25
        }, 100, function(){
            //Как можно еще ТУТ обратиться к свойству объекта, кроме как явно указывая имя объекта и нужно свойство???
            myObject.prop1();
        });
    },
}

myObject.prop2();

Answer 1

[Алексей Волегов]

...
    prop2: function(){
        var self = this;
        $('div').animate({
            opacity: 0.25
        }, 100, function(){
            self.prop1();
        });
    },
...

Comments

[Дима Паутов]

Значит для подобной нужды, я в каждом свойстве должен переменную с this указывать?

[Алексей Волегов]

Что бы не потерять область видимости переменной. В данном случае self указывает на объект. В функции this уже может быть другим чем нужный нам объект.

Answer 2

[Евгений Петров]

Можно напрямую указать this

var myObject = {
	prop1: function () {
		console.log('Анимация прошла!');
	},
	prop2: function () {
		$('div').animate({
			opacity: 0.25
		}, 100, function () {
			this.prop1();
		}.bind(this));
	}
}

myObject.prop2();

А вот вам использование паттерна «Модуль»

var myObject = function () {
	/*А тут можно много чего приватного создать*/
	var _class = {
		prop1: function () {
			console.log('Анимация прошла!');
		},
		prop2: function () {
			$('div').animate({
				opacity: 0.25
			}, 100, function () {
				_class.prop1();
			});
		}
	};

	return _class;
}();

myObject.prop2();

Comments

[Дима Паутов]

Большое спасибо!