вопрос об объявлении объекта в Javascript

Question

Что разница между этим:

function Book() { 
    this.title = ''; 

    this.setTitle = function(title) { 
     this.title = title; 
    } 
} 

или это:

function Book() { 
} 
Book.prototype.title = ''; 
Book.prototype.setTitle = function(title) { 
    this.title = title; 
} 

Есть ли разница, кроме синтаксиса?

Answer 1

Возможно, вы должны прочитать о prototypes.

В первом примере вы устанавливаете функцию setTitle на тот самый экземпляр Book, который создается.

Во втором примере вы используете прототипное наследование, другими словами, все Books теперь наследуют одну и ту же функцию setTitle.

Второй сохраняет память, и функции легче «обновить» во всех экземплярах Book.

Но первый вариант имеет прецеденты, так как вы можете оставить this на титульном листе и сделать переменную приватной с использованием closures.

function Book(title) { 
    var title = title; 

    this.getTitle = function() { // function keeps a reference to title 
     return title; // now we only have a getter, but no setter for title 
         // thus title is essentially private 
    } 
} 

Answer 2

При использовании Book.prototype.setTitle создается только одна setTitle-функция и используется для всех будущих экземпляров книги.

В первом примере каждый экземпляр книги будет создавать каждую собственную функцию setTitle.

Следовательно, рекомендуется использовать прототип.

Answer 3

первый установит свойство title и метод setTitle непосредственно на экземпляр книги. второй ставит этих членов в прототип книги. Второй, как правило, лучший подход для JavaScript ООП.

Answer 4

Это отличный SO вопрос со вчерашнего дня будет объяснить разницу между вашими двумя примерами: Why is JavaScript prototyping?