JavaScript - Prototyp-Funktion vs. ViewModel-Funktion?

Question

Ich frage mich, ob es einen Grund gibt, einen Prototyp Funktion/ViewModel-Funktion gegenüber dem anderen vorzuziehen.

Sagen Sie bitte eine ganze Zahl 1234 als Geldwert wie 12.34€

darstellen wollte, was ich tat, war, erstellen Sie eine Prototyp-Funktion auf dem Number Objekt:

Number.localeSeparator = 1.1.toLocaleString().substr(1, 1); 

Number.prototype.centToEuro = function (separator_string) { 
    if (!separator_string) { 
     separator_string = Number.localeSeparator; 
    } 
    return (this/100).toFixed(2).replace(".", separator_string) + "€"; 
} 

var vm = {myMoney: ko.observable(1234)}; 
ko.applyBindings(vm); 

Diese Daten verbindlich ziemlich einfach , weil alles, was ich in der Ansicht tun musste, dies war:

<div data-bind="text: myMoney().centToEuro()"></div> 

Aber anstelle eines Prototyps functio n, ich könnte auch eine Ansichtsmodell Funktion mit fast dem gleichen Code erstellen, etwa so:

var vm = { 
    myMoney: ko.observable(1234), 
    localeSeparator: 1.1.toLocaleString().substr(1, 1), 
    centToEuro: function (value_int, separator_string) { 
     if (!separator_string) { 
      separator_string = vm.localeSeparator; 
     } 
     return (value_int/100).toFixed(2).replace(".", separator_string) + "€"; 
    } 
} 
ko.applyBindings(vm); 

in der Ansicht gebraucht, würde es so aussehen:

<div data-bind="text: centToEuro(myMoney())"></div> 

Wie Sie sagen, die beide HTML-Zeilen sind fast genau gleich lang und unterscheiden sich nur im Ansatz. Die Frage ist also, welcher Ansatz vorzuziehen ist?

Answer 1

Vorausgesetzt, dass centToEuro nichts mit willkürlichen Zahlen zu tun hat, aber mit dem bestimmten Modell für Geld, mit dem Sie hier zu tun haben, und dass Sie die eingebauten Prototyp-Objekte nicht erweitern sollten, gehen Sie für die Viewmodel-Funktion.

Answer 2

Ist nicht die Bedeutung Ihrer Frage, wo diese Art Funktion zu setzen?

Verwenden Sie Extender, für Aufgaben wie Währungsformatierung und so weiter, wo Sie einmal einrichten und überall verwenden. Nur ein Beispiel:

ko.extenders.currency = function (target, option) { 
    target.amount = function() { 
     var amt = ko.unwrap(target); 
     var localeSeparator = 1.1.toLocaleString().substr(1, 1); 
     switch(option) { 
      case "Eur": 
       amt = (amt/100).toFixed(2).replace(".", localeSeparator) + "€"; 
       break; 
      default:; 
      } 
     return amt; 
    }; 
    return target; 
}; 

Ansicht Modell:

myMoney: ko.observable("1234").extend({currency: "Eur"}) 

Markup:

<div data-bind="text: myMoney.amount()"></div>