function IO() {
this.foo = function() {
alert("FOO");
}
}
IO.prototype.bar = function() {
alert("BAR");
}
var IO = new IO();
console.log(IO);
Какая разница между объявлениями через this
и prototype
?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуfunction IO() {
this.foo = function() {
alert("FOO");
}
}
IO.prototype.bar = function() {
alert("BAR");
}
var IO = new IO();
console.log(IO);
Какая разница между объявлениями через this
и prototype
?
В этом случае функция будет создаваться каждый раз при создании объекта, и может использовать в замыкании переменные объявленные внутри конструктора
function IO() {
var _private = 10;
this.foo = function() {
_private = 15;//OK
alert("FOO");
}
}
В этом случае функции создается один раз и не имеет доступа к переменным локально объявленным в конструкторе
IO.prototype.bar = function() {
var some = _private + 15;// Uncaught ReferenceError: _private is not defined
alert("BAR");
}
Как Grundy сказал в комментариях, это
this.foo = function() { /*...*/ }
создаёт копию функции для каждого экземпляра, а это
IO.prototype.bar = function() { /*...*/ }
создаёт одну функцию для всех экземпляров. Можно видеть эту разницу таким образом:
var a = new IO(),
b = new IO();
console.log(a.foo === b.foo); // false
console.log(a.bar === b.bar); // true