В чем разница между унаследованным методом (прототипом) и статическим методом (выражение)?

Question

У меня есть эти два примера функций на строки, которые делают точно то же самое:

//ex1 - inherited method 
String.prototype.slugLower = function() { 
    return this.split(' ').join('-').toLowerCase(); 
} 

"hello World".slugLower(); 


//ex2 - static method 
String.slugLower = function(str) { 
    return str.split(' ').join('-').toLowerCase(); 
} 

String.slugLower("hello World"); 

И вернутся "hello-world". В чем разница между ними? Я имею в виду производительность/лучшие практики.

Thanks

Answer 1

Первый - это метод, прикрепленный к прототипу. Второй способ - это метод, прикрепленный к объекту String. В классическом языке OO они будут называться «унаследованным методом» и «статическим методом» соответственно.

Разница в производительности крохотная, и на самом деле это не имеет значения. Что должно быть: если вы считаете, что метод является поведением каждого объекта в классе объектов, он должен быть прототипным (унаследованным) методом. Если вы считаете, что это должно быть поведение, связанное с несколькими объектами класса или самого класса, вы должны использовать второй шаблон. Например, «мочиться» или «лаять это громко» - это поведение каждой собаки: Dog.prototype.peeOn, Dog.prototype.barkWithVolume; «Сколько собак в мире?» или «создать новую собаку» - это не поведение каждой собаки, а «собака» и пара собак соответственно: Dog.census и Dog.spawnPuppy.

Answer 2

Метод, определенный в прототипе, будет доступен во всем объекте. Для большинства случаев использования наилучшей практикой будет 'your object'.protoype.

Другой пример:

var myObject = function monObject() { 
    /*...*/ 

    this.function1 = function function1() { 
     /*...*/ 
    }; 
}; 

myObject.prototype.function2 = function function2() { 
    /*...*/ 
}; 

Затем, если вы создаете 2 объекта

var obj1 = new myObject(); 
var obj2 = new myObject(); 

Тогда у вас есть это:

obj1.function1 !== obj2.function1 

но:

obj1.function2 === obj2.function2 

function1() создается на каждом новом myObject. Это ясно?

Answer 3

Лучше всего определить функцию, чтобы сделать это

function slugLower(str){ 
    return str.split(' ').join('-').toLowerCase(); 
} 

Оба ваши примеры изменят объект String, есть некоторые побочные эффекты, первый пример instance method, второй является static function