Javascriptを：

Question

クラスの拡張Iは、現時点ではこれをテストしていて、クラスAを拡張しますが、現時点ではそれで問題が発生したクラスBを作成したいと思います：

CLASS

var CustomClassA = function(){ 
    console.log('Custom Class A loaded') 
    this.message = ' Method Called'; 

    } 

    CustomClassA.prototype = { 
    constructor : CustomClassA, 
    firstMethod : function(msg){ 
     this._output(msg); 
    }, 
    secondMethod : function(msg){ 
     this._output(msg); 
    }, 
    thirdMethod: function(msg){ 
     this._output(msg); 
    }, 
    _output: function(m){ 
     return console.log(m + this.message); 
    } 
    } 

CLASS B ：

var CustomClassB = CustomClassA.extend(

    function CustomClassB(){ 
     console.log('Custom Class B loaded') 
      this.message = ' Method Called from class B'; 

    },{ 
     firstMethod : function(msg){this._output(msg);}, 
      secondMethod : function(msg){this._output(msg);}, 
     thirdMethod: function(msg){this._output(msg);}, 
     _output: function(m){return console.log(m + this.message);} 
    }); 

ホープこの2つの例は、最初のインスタンスで簡単に行います。 ありがとう

Answer 1

最初の例は正常です。

第2の例は、Function.prototypeに機能プロパティextendが与えられている場合にのみ機能し、それ以外の場合はTypeErrorがスローされます。

代わりにこのようなものを試してください。

function CustomClassB(){ 
     console.log('Custom Class B loaded'); 
     this.message = ' Method Called from class B'; 
    } 

    CustomClassB.prototype = Object.create(CustomClassA.prototype); 

    CustomClassB.prototype.firstMethod = function(msg){this._output(msg);}; 
    CustomClassB.prototype.secondMethod = function(msg){this._output(msg);}; 
    CustomClassB.prototype.thirdMethod = function(msg){this._output(msg);}; 
    CustomClassB.prototype._output = function(m){return console.log(m + this.message);}; 

それとも、あなたはより多くの糖衣構文をしたい場合、あなたはプロトタイプをコピーして使用しているextendのような呼び出し構文と、それにオブジェクトをマージする便利な関数を作成することができます。私は必ずしもそれをFunction.prototypeに添付することを推奨するとは限りません。サードパーティ製のコードと衝突する可能性が高いからです。

---

古いブラウザはObject.createをサポートしていません。あなたは、従来のブラウザをサポートする必要がある場合、あなたはそれをエミュレートするために、このような関数を書くことができます：

function objectCreate(o) { 
    function F() {} 
    F.prototype = o; 
    return new F(); 
} 

、これはどのように進化したかを見ためhereを参照してください。