[javascript] 모델 데이터와 행동을 어디에 둘 것인가? [tl; 닥터; 서비스 이용]

현재 DCI는 아니지만이 패턴을 시도하고 있습니다.이 서비스는 고전적인 서비스 / 모델 분리 (웹 서비스와 통신하는 서비스 (모델 CRUD) 및 객체 속성 및 메소드 정의 모델)를 제공합니다.

모델 객체가 자체 속성에서 작동 하는 메소드가 필요할 때 마다이 패턴 만 사용한다는 점에 유의하십시오 . 개선 된 getter / setter와 같은 모든 곳에서 사용됩니다. 나는 모든 서비스에 대해 체계적으로 이것을 옹호 하지 않습니다 .

편집 :이 패턴은 “앵귤러 모델은 평범한 오래된 자바 스크립트 객체”만트라에 어긋날 것이라고 생각했지만,이 패턴은 완벽하게 괜찮습니다.

편집 (2) : 더 명확하게하기 위해 Model 클래스를 사용하여 간단한 게터 / 세터 (예 : 뷰 템플릿에 사용)를 고려합니다. 큰 비즈니스 로직의 경우 모델에 대해 “알고”별도의 서비스를 사용하는 것이 좋지만 모델과는 별도로 유지되며 비즈니스 로직 만 포함합니다. 원하는 경우 “비즈니스 전문가”서비스 계층이라고 부릅니다.

service / ElementServices.js (선언에 Element가 주입되는 방식에 주목)

MyApp.service('ElementServices', function($http, $q, Element)
{
    this.getById = function(id)
    {
        return $http.get('/element/' + id).then(
            function(response)
            {
                //this is where the Element model is used
                return new Element(response.data);
            },
            function(response)
            {
                return $q.reject(response.data.error);
            }
        );
    };
    ... other CRUD methods
}

model / Element.js (angularjs 팩토리를 사용하여 오브젝트 작성 용)

MyApp.factory('Element', function()
{
    var Element = function(data) {
        //set defaults properties and functions
        angular.extend(this, {
            id:null,
            collection1:[],
            collection2:[],
            status:'NEW',
            //... other properties

            //dummy isNew function that would work on two properties to harden code
            isNew:function(){
                return (this.status=='NEW' || this.id == null);
            }
        });
        angular.extend(this, data);
    };
    return Element;
});

답변

function transfer(source,destination){
   source.transfer = function(amount){
        source.withdraw(amount);
        source.log("withdrew " + amount);
        destination.receive(amount);
   };
   destination.receive = function(amount){
      destination.deposit(amount);
      destination.log("deposited " + amount);
   };
   this.transfer = function(amount){
    source.transfer(amount);
   };
}