Комбинирование JavaScript стили прототипа

Question

Можно комбинировать следующие

function something() {} 
function somethingElse() {} 

somethingElse.prototype = new something(); 
somethingElse.prototype.someFunction = function() {} 
... 

с этим

somethingElse.prototype = { 
    someFunction: function() {}, 
    ... 
} 

и поддерживать прототип наследованием цепь

Это чисто косметический я думаю. Я просто хотел бы определить все функции внутри {}, а затем использовать огромное количество ... prototype ... = ...

Я тоже много видел, но никогда их не собирали.

Answer 1

Мой личный любимый подход - захватить библиотеку underscore.js. У этого есть действительно хороший метод, названный расширением, чтобы привязать свойства к объектам. Таким образом, я могу сделать:

function something() {} 
function somethingElse() {} 

somethingElse.prototype = new something(); 

_.extend(somethingElse.prototype, { 
    someFunction: function() { }, 
    someOtherFunction: function() { } 
}); 

Answer 2

Разница в том, что во второй версии somethingElse экземпляры не наследуют ничего от something и его прототипную цепочку. Однако, учитывая ваш пример кода, это не имеет никакого значения.

Answer 3

Ну, они совершенно одинаковы.

foo = {} 
foo.bar = baz 

такая же, как

foo = { 
    bar: baz 
} 

Это дело вкуса.

BTW: считается, что стиль лучше назвать конструкторами (все, что нужно назвать новым) с начальным капиталом, чтобы отличать его от обычных функций, потому что сбивать с толку они могут очень плохо.

Answer 4

Вы можете использовать Object.defineProperties, но на самом деле это более многословным, и не имеет поддержки в старых браузерах:

Object.defineProperties(somethingElse.prototype,{ 
    someOtherFunction: { 
     value:function() {...} 
    }, 
    ... 
}); 

В качестве альтернативы, можно добавить элементарную extend метод прототипу объекта:

Object.prototype.extend = function(obj){ 
    for(var p in obj)this[p] = obj[p]; 
}; 

, который позволит вам сделать это:

somethingElse.prototype.extend({ 
    A:function(){'a'}, 
    B:function(){'b'} 
}); 

Я бы рекомендовал против этого, так как модификация прототипов нативных объектов может стать рискованным.