Как вы вызываете функции родительского объекта из дочерних объектов в JavaScript
Итак, я читал в блоге Джона Резига, увидел его движок javascript для микро-шаблонов и решил попробовать внедрить собственную систему управления шаблонами для javascript, чтобы углубить мое понимание наследования прототипов. Однако, как только я начал писать, я столкнулся с проблемой.
Для начала вот мой базовый код:
function template_manager() { };
template_manager.prototype = {
tags: {},
templates: {},
output: {},
default_template: "default",
set: function (tags, template_name) {
template_name = "Greetings!";
//template_name = this._util.template(this.nothing, this.default_template);
console.log(template_name);
},
get: function(tags, template_name) {
console.log("Getting");
},
unset: function(tags, template_name) {
console.log("Removing");
},
render: function(template_name) {
console.log("Rendering");
},
//_util goes here
};
// Take it for a quick test drive.
test = new template_manager;
test.set();
test.get();
test.unset();
test.render();
Затем я начал работать над некоторым общим кодом и решил поместить его в служебный объект:
_util: {
// Used to set the default values for optional arguments
optional: function(obj, def_value) {
return (typeof obj === "nothing") ? obj : def_value;
},
template: function(template_name) {
return this._util.optional(template_name, this.default_template);
},
},
И теперь, когда я пытаюсь позвонить _util.template()
функция в моем set()
функция, которую я, конечно, получаю ошибку, потому что this
указывает на _util
объект, а не template_manager
объект. Я взглянул на JQuery extend
метод, и я думаю, что я понимаю, что он делает. У меня вопрос, нужно ли мне реализовать свой собственный / использовать JQuery extend
метод, или есть ли другой способ для меня вызвать template_manager
объект из моего _util
объект?
(PS Я посмотрел на статью Дугласа Крокфорда о наследовании прототипа, и я думаю, что ответ есть, но я боюсь, что еще не до конца понял).
1 ответ
Ты можешь использовать call
или же apply
т.е.
template_manager.prototype = {
set: function (tags, template_name) {
template_name = "Greetings!";
template_name = this._util.optional.call(this, this.nothing, this.default_template);
console.log(template_name);
}
}
См. Статью "Выход из обязательных ситуаций в JavaScript" для более подробного объяснения.