Crockfordの新しいコンストラクタパターンで "コンストラクタ"機能をどのように共有できますか？

Question

私はビデオを今度はthis question on class-free OOPから数回見ましたが、これを現実世界の例に適用するのは問題です。

クロックフォードの新しいコンストラクタパターンは次のようになります。specはオプションのハッシュし、その結果のオブジェクトをある

function constructor(spec) { 
    let {member} = spec, 
     {other} = other_constructor(spec), 
     method = function() { 
     // accesses member, other, method, spec 
     }; 

    return Object.freeze({ 
     method, 
     other, 
    }); 
} 

は、内部のメンバーのすべてを超える閉じるメソッドを公開します。この構造を無視してください（これは現在のJSで長い形式で行うことができます）このパターンを実際の例でどのように適用するのですか？

現在、基本クラスModule(model, id)のライブラリがあります。modelは、ブートストラップデータです。

// constructor, original flavor 
function Module(model, id) { 
    this.id = id; 
    this.model = model; 
} 

私は、この親Moduleから継承したモジュールのいくつかの味を持っています。

// constructor, Crockford's Cool Ranch 
function module(spec) { 
    let id = spec.id, 
     model = spec.model; 

    return Object.freeze({}); 
} 

私は（すべてで継承を使用しているように見えるのではなく、複数のソースからオブジェクトを構成しない）クロックフォードのパターンを使用しない方法：クロックフォードのパターンの下で、私の代わりに、「コンストラクタ」としてこれを持っているでしょうは、複数のフレーバーのモジュールの間でこの基本的な構成を共有します？

私はidとmodelが各モジュールの "コンストラクタ"のローカル変数になることを知っています。私は本質的に、Crockfordのパターンを使用してモジュールの各フレーバに対して繰り返すことを避ける方法を尋ねています。

Answer 1

クロフトフォードが“クラスフリーの継承を呼び出すものは、実際にはまだプロトタイプの継承です。委任（別名差分継承）を介して

1. 原型継承：実際には、原型継承メカニズムのtwotypesがあります。
2. クローニングによるプロトタイプ継承（a.k.a.連結継承）。

差動原型継承の例

これは私が伝統的にオブジェクト指向のJavaScriptコードを記述する方法である：

var Aircraft = defclass({ 
 
    constructor: function (model, speed) { 
 
     this.model = model; 
 
     this.speed = speed; 
 
    }, 
 
    describeAircraft: function() { 
 
     alert("The " + this.model + " flies at " + this.speed + " speed."); 
 
    } 
 
}); 
 

 
var FighterAircraft = extend(Aircraft, { 
 
    constructor: function (model, speed, radar) { 
 
     Aircraft.call(this, model, speed); 
 
     this.radar = radar; 
 
    }, 
 
    describeFighterAircraft: function() { 
 
     this.describeAircraft(); 
 
     alert("It has a " + this.radar + " radar signature."); 
 
    } 
 
}); 
 

 
var superFlanker = new FighterAircraft("Super Flanker", "Mach 2.25", "low"); 
 

 
superFlanker.describeFighterAircraft();

<script> 
 
function defclass(prototype) { 
 
    var constructor = prototype.constructor; 
 
    constructor.prototype = prototype; 
 
    return constructor; 
 
} 
 

 
function extend(constructor, properties) { 
 
    var prototype = Object.create(constructor.prototype); 
 
    for (var name in properties) prototype[name] = properties[name]; 
 
    return defclass(prototype); 
 
} 
 
</script>

連結的原型継承

の例

これはCrockfordオブジェクト指向のJavaScriptコードを書くための擁護者：

var superFlanker = FighterAircraft({ 
 
    model: "Super Flanker", 
 
    speed: "Mach 2.25", 
 
    radar: "low" 
 
}); 
 

 
superFlanker.describeFighterAircraft();

<script> 
 
function Aircraft(spec) { 
 
    var model = spec.model; 
 
    var speed = spec.speed; 
 

 
    function describeAircraft() { 
 
     alert("The " + model + " flies at " + speed + " speed."); 
 
    } 
 

 
    return Object.freeze({ 
 
     model: model, 
 
     speed: speed, 
 
     describeAircraft: describeAircraft 
 
    }); 
 
} 
 

 
function FighterAircraft(spec) { 
 
    var aircraft = Aircraft(spec); 
 
    var model = spec.model; 
 
    var speed = spec.speed; 
 
    var radar = spec.radar; 
 

 
    function describeFighterAircraft() { 
 
     aircraft.describeAircraft(); 
 
     alert("It has a " + radar + " radar signature."); 
 
    } 
 

 
    return Object.freeze({ 
 
     model: model, 
 
     speed: speed, 
 
     radar: radar, 
 
     describeFighterAircraft: describeFighterAircraft 
 
    }); 
 
} 
 
</script>

ベター・連結的原型継承使用してミックスインは、波形接続型原型継承の

クロックフォードの方法は、繰り返しをたくさん持っています。代替は次のとおりです。

var aircraft = mixin({ 
 
    describeAircraft: function() { 
 
     alert("The " + this.model + " flies at " + this.speed + " speed."); 
 
    } 
 
}); 
 

 
var fighterAircraft = mixin(aircraft, { 
 
    describeFighterAircraft: function() { 
 
     this.describeAircraft(); 
 
     alert("It has a " + this.radar + " radar signature."); 
 
    } 
 
}); 
 

 
var superFlanker = fighterAircraft({ 
 
    model: "Super Flanker", 
 
    speed: "Mach 2.25", 
 
    radar: "low" 
 
}); 
 

 
superFlanker.describeFighterAircraft();

<script> 
 
function mixin() { 
 
    var length = arguments.length; 
 
    var index = 0; 
 

 
    while (index < length) { 
 
     var properties = arguments[index++]; 
 
     for (var name in properties) 
 
      constructor[name] = properties[name]; 
 
    } 
 

 
    return Object.freeze(constructor); 
 

 
    function constructor(object) { 
 
     for (var name in constructor) 
 
      object[name] = constructor[name]; 
 
     return Object.freeze(object); 
 
    } 
 
} 
 
</script>

this

ずにミックスインを使用してはい、あなたはthisを使用せずに、ミックスインを使用することができます。しかし、あなたがしたいと思う理由を、私は見ていない：

1. シンプル複数：連結的継承の

   var aircraft = mixin({ 
    
       describeAircraft: function (aircraft) { 
    
        alert("The " + aircraft.model + " flies at " + 
    
         aircraft.speed + " speed."); 
    
       } 
    
   }); 
    
   
    
   var fighterAircraft = mixin(aircraft, { 
    
       describeFighterAircraft: function (fighterAircraft) { 
    
        fighterAircraft.describeAircraft(); 
    
        alert("It has a " + fighterAircraft.radar + " radar signature."); 
    
       } 
    
   }); 
    
   
    
   var superFlanker = fighterAircraft({ 
    
       model: "Super Flanker", 
    
       speed: "Mach 2.25", 
    
       radar: "low" 
    
   }); 
    
   
    
   superFlanker.describeFighterAircraft();

   <script> 
    
   function mixin() { 
    
       var length = arguments.length; 
    
       var index = 0; 
    
   
    
       while (index < length) { 
    
        var properties = arguments[index++]; 
    
        for (var name in properties) 
    
         constructor[name] = properties[name]; 
    
       } 
    
   
    
       return Object.freeze(constructor); 
    
   
    
       function constructor(object) { 
    
        for (var name in constructor) { 
    
         var value = constructor[name]; 
    
         object[name] = typeof value === "function" ? 
    
          value.bind(null, object) : value; 
    
        } 
    
   
    
        return Object.freeze(object); 
    
       } 
    
   } 
    
   </script>

   利点

   composition over inheritanceを好む多くの理由があります。継承。

2. 高速アクセスが可能です。

私が考えることができる唯一の欠点は、プロトタイプが変更された場合、変更がそのインスタンスに反映されないことです。しかし、とにかくプロトタイプを変更する正当な理由はありません。したがって、私のmixinsはすべて凍結されています。