밑줄, _.extend 키워드를 사용하는 Mixin 패턴

Question

'Mixin Pattern'을 기반으로 예제 코드를 만들고 싶습니다.

다음과 같은 코드가 있습니다.

define(["jquery","underscore", "backbone"], function($, _,Backbone) { 

//Mixin : 
// 
/* Sometimes you have the same functionality for multiple objects 
*  and it doesn’t make sense to wrap your objects in a parent object. 
* For example, if you have two views that share methods but don’t 
*  – and shouldn’t – have a shared parent view. 
*/ 

//I can define an object that has attributes and methods that can be shared across different classes. 
//This is called a mixin. 

//Mixin Object 
var C = Backbone.Model.extend({ 
    c: function() { 
     console.log("We are different but have C-Method shared"); 
    } 
}); 

//To be Mixin-ed Object-1 
var A = Backbone.Model.extend({ 
    a: 'A', 
}); 

//To be Mixin-ed Object-2 
var B = Backbone.Model.extend({ 
    b: 'B' 
}); 

//underscore 
_.extend(A.prototype, C); 
_.extend(B.prototype, C); 

return Backbone.Model.extend({ 
    initialize: function(){ 
     var testA = new A(); 
     testA.c(); 
     var testB = new B(); 
        testA.c(); 

    } 
}); 
}); 

이 코드를 실행하면 'testA.c는 함수가 아닙니다'라는 오류가 발생합니다. 내가 공부 한 몇 가지 예제 코드로 판단하면 이것이 효과가있다. 이 코드가 가능한 한 상세하게 작동하지 않는 이유에 대해 알려주십시오.

Answer 1

C.prototype 속성 (실제로는 c 메서드가 정의 된 위치)이 아닌 C 속성을 복사하는 것이 문제입니다.

_.extend(A.prototype, C); 
_.extend(B.prototype, C); 

에 : 간단하게 변경

_.extend(A.prototype, C.prototype); 
_.extend(B.prototype, C.prototype); 

하고 모든 것이 예상대로 작동합니다.