Я пытаюсь понять шаблон модуля с добавленным наследованием. У меня университетское образование, в моем багаже в основном Java, но я работаю с веб-технологиями около десяти лет. Я только около года в JavaScript, хотя...
Во всяком случае, я пробую простой пример наследования (.prototype
). Из объекта People
вы можете добавить Gentleman
, а затем перечислить их, используя их метод .toString()
. Gentleman
является дочерним элементом Human
. Все шло хорошо, пока я не реализовал "абстрактный" Human
, но теперь код не запускается.
Пожалуйста, прокомментируйте, что считается плохим с моим кодом. Я хотел бы остаться с подходом модуль/прототип, но что я делаю неправильно? Я бы также послушал, что означает this
в разных контекстах. То есть, в People
я могу использовать приватный _people
напрямую, но в подмодулях я должен использовать this._name
- почему?
var People = People || {};
People = (function() {
var People = function(){
this._people = [];
};
var addGentleman = function (name) {
this._people.push(new People.Gentleman(name));
};
var getList = function () {
var temp = [];
for (var i = 0; i < this._people.length; i++) {
temp.push(this._people[i].toString());
}
return temp;
};
People.prototype.constructor = People;
People.prototype.addGentleman = addGentleman;
People.prototype.getList = getList;
return People;
})();
People.Human = (function () {
var Human = function (name, hasLadyParts) {
this._name = name;
this._hasLadyParts = hasLadyParts;
};
var hasLadyParts = function () {
return this._hasLadyParts;
};
var toString = function () {
var str = this._name;
if (!this._hasLadyParts) str += ' no';
return str + ' lady parts.';
};
Human.prototype.constructor = Human;
Human.prototype.hasLadyParts = hasLadyParts;
Human.prototype.toString = toString;
return Human;
})();
People.Gentleman = (function () {
var Gentleman = function (name) {
People.Human.call(this, name, false);
}
var toString = function () {
return 'Mr.' + People.Human.toString();
};
// Gentleman.prototype = Object.create(People.Human.prototype);
Gentleman.prototype.constructor = Gentleman;
Gentleman.prototype.toString = toString;
return Gentleman;
})();
$(function () {
var people = new People();
people.addGentleman('Viktor');
people.addGentleman('Joakim');
var list = people.getList();
var $ul = $('#people');
for (var i = 0; i < list.length; i++) {
$ul.append('<li>' + list[i] + '</li>');
}
});
Скрипт: http://jsfiddle.net/5CmMd/5/
Изменить: я обновил код и немного повозился. Если я заставлю это работать, я думаю, что пойму большую часть дизайна. Я думаю, что этот пример также послужит простым учебным пособием для будущих программистов ООП, посещающих страну JavaScript.