javascript - 关于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 .

在第一个示例中，您在创建的那个 Book 实例上设置了函数 setTitle。

在第二个示例中，您使用原型(prototype)继承，换句话说，所有 Books 现在都继承相同的 setTitle 函数。

第二个节省内存，函数更容易在所有 Book 实例中“更新”。

但第一个有它的用例，因为您可以省略标题上的 this 并通过使用 closures 将变量设为私有(private).

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
    }
}