2
function IO() {
    this.foo = function() {
        alert("FOO");
    }
}
IO.prototype.bar = function() {
  alert("BAR");
}
var IO = new IO();
console.log(IO);

console.log

Какая разница между объявлениями через this и prototype?

2
  • добавление в текущий объект - соответственно у каждого экземпляра будет своя копия поля/функции, либо добавление в прототип и все объекты будут иметь доступ к одному экзепляру поля/функции
    – Grundy
    25 ноя 2015 в 9:10
  • не совсем правда понял при чем тут наследование
    – Grundy
    25 ноя 2015 в 9:14

2 ответа 2

10

В этом случае функция будет создаваться каждый раз при создании объекта, и может использовать в замыкании переменные объявленные внутри конструктора

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");
}
6

Как 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
3
  • :-D я потом еще и ответ успел накатать
    – Grundy
    25 ноя 2015 в 9:19
  • @Grundy Я заметил, еще и голосовал) 25 ноя 2015 в 9:26
  • кстати, спасибо за правку, я точно не помнил как именно может выглядеть ошибка когда к необъявленной переменной обращаемся
    – Grundy
    25 ноя 2015 в 9:32

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.