javascript - 扩展原型(prototype)而不是声明整个对象的优点

Question

什么时候应该使用第一个表示法:

var object = {
    a: function() {
        // object.a method body
    },
    b: function() {
        // object.b method body
    },
    c: function() {
        // object.c method body
    },
};

第二个什么时候？

function Class() {};

Class.prototype.a = function() {
    // object.a method body
};

Class.prototype.b = function() {
    // object.b method body
};

Class.prototype.c = function() {
    // object.c method body
};

var object = new Class();

Answer 1

主要优点是在第二种情况下所有实例共享功能，这使对象更轻。它明确地将对象定义为概念上类的实例。

但是正确的语法是

function MyClass(){
}
MyClass.prototype.a = function(){
};
...
var o = new MyClass();

它还允许您定义一个继承链:

function OtherClass(){
}
OtherClass.prototype = new MyClass(); // makes OtherClass extend MyClass
OtherClass.prototype.b = function(){
};
...
var o2 = new OtherClass();

o2同时具有OtherClass和MyClass的功能。

MDN 在其 Introduction to Object-Oriented JavaScript 中提供了更多详细信息.