Почему объекты js так себя ведут?

Даже не знаю как сформулировать вопрос...
Я только начал изучать js и много не знаю, поэтому извиняюсь если спрашиваю банальность.

Пример:
<div id="obj1">1</div>
<div id="obj2">2</div>


$(document).ready(function() {
	new MyFunction($('#obj1'));
	new MyFunction($('#obj2'));
});

var MyFunction = function (obj) {
	this.obj.objDOM = obj;
	this.objDirect = obj;
	
	var ths = this;
	this.obj.objDOM.on('click', function(){ths.func();})
	
}

MyFunction.prototype = {
	obj: {objDOM:{}},
	objDirect: {},
	func: function () {
		console.log(this.objDirect.attr('id')+':'+this.obj.objDOM.attr('id'))
	}
};


И что мы получим в консоли при клике сначала по 2, а потом по 1?
Правильный ответ:
"obj2:obj2"
"obj1:obj2"

Но какого дьявола?

Почему создание второго объекта изменило прототип?
  • Вопрос задан
  • 2315 просмотров
Решения вопроса 2
rmaksim
@rmaksim
потому что obj заданный в MyFunction.prototype.obj - не меняется
меняется свойство obj -> this.obj.objDOM = obj;
соотв при втором вызове затираем то что было записано при первом
можно записать вот так (если не противоречит вашей задумке)
var MyFunction = function (obj) {
  this.obj = { objDOM: obj }
  ...
}
MyFunction.prototype = {
  objDirect: {},
  ...
};
Ответ написан
@dtestyk
лучше спросите почему не изменило: jsfiddle
objDirect переопределяется у самого объекта: такой полимофизм
objDirect прототипа остается нетронутым

obj не переопределяется, поэтому берется из прототипа

обычно данные в прототипах не хранят:
this.obj = {objDOM:{}}
this.objDirect = {}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы