JavaScript - 프로토 타입 기능 대 ViewModel 기능?

Question

프로토 타입 함수/viewModel 함수를 다른 것보다 선호하는 이유가 있는지 궁금합니다.

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); 

이것은 매우 쉽게 데이터 바인딩을했다 :

당신이 Number 객체의 프로토 타입 함수를 내가했다 않았다 무엇 12.34€

같은 돈 값으로 정수 1234을 대표 만들고 싶었 말 왜냐하면 내가보기에해야 할 일은 다음과 같았습니다.

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

대신 프로토 타입 functio N, 나는 또한과 같이 거의 동일한 코드와 뷰 모델의 기능을 만들 수 있습니다보기에 사용

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); 

, 그것은 다음과 같을 것이다 :

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

당신이 알 수 있듯이, 두 HTML 행은 거의 동일한 길이이며 접근 방식 만 다릅니다. 그래서 질문은 어떤 접근 방식을 선호합니까?

Answer 1

centToEuro이 임의의 숫자와 아무 관련이 없다는 점을 감안하면, 여기서 다루고있는 돈을위한 특정 모델을 가지고 있고 내장 프로토 타입 개체를 확장해서는 안되며 viewmodel 함수로 이동하십시오.

Answer 2

질문의 의미가 아닌,이 기능을 어디에 두어야합니까?

통화 형식과 같은 작업 (예 : 한 번 설정하여 모든 곳에서 사용)에 대해 Extender를 사용할 것을 고려하십시오. 그냥 예 :

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

보기 모델 :

이

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

마크 업 :

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