web-dev-qa-db-ja.com

親コンストラクタを呼び出す方法は？

次のコードスニペットがあるとします。

_function test(id) { alert(id); }

testChild.prototype = new test();

function testChild(){}

var instance = new testChild('hi');
_

alert('hi')を取得することは可能ですか？ undefinedを手に入れました。

javascriptinheritance
26
Moon

これが、CoffeeScriptでこれを行う方法です。

class Test
  constructor: (id) -> alert(id)

class TestChild extends Test

instance = new TestChild('hi')

いいえ、私は聖戦を始めていません。代わりに、結果のJavaScriptコードを見て、サブクラス化を実装する方法を確認することをお勧めします。

// Function that does subclassing
var __extends = function(child, parent) {
  for (var key in parent) {
    if (Object.prototype.hasOwnProperty.call(parent, key)) {
      child[key] = parent[key];
    }
  }
  function ctor() { this.constructor = child; }
  ctor.prototype = parent.prototype;
  child.prototype = new ctor;
  child.__super__ = parent.prototype;
  return child;
};

// Our code
var Test, TestChild, instance;

Test = function(id) { alert(id); };

TestChild = function() {
  TestChild.__super__.constructor.apply(this, arguments);
}; __extends(TestChild, Test);

instance = new TestChild('hi');

// And we get an alert

http://jsfiddle.net/NGLMW/3/ で実際の動作を確認してください。

正しい状態を保つために、CoffeeScriptの出力と比較して、コードはわずかに変更され、コメントが読みやすくなっています。

7
Anton Strogonoff

JS OOP ...

// parent class
var Test = function(id) {
    console.log(id);
};

// child class
var TestChild = function(id) {
    Test.call(this, id); // call parent constructor
};

// extend from parent class prototype
TestChild.prototype = Object.create(Test.prototype); // keeps the proto clean
TestChild.prototype.constructor = TestChild; // repair the inherited constructor

// end-use
var instance = new TestChild('foo');
101
roylaurie

あなたはすでに多くの答えを持っていますが、私はES6の方法を採用します。これは、IMHOがこれを行うための新しい標準的な方法です。

class Parent { 
  constructor() { alert('hi'); } 
}
class Child extends Parent { 
  // Optionally include a constructor definition here. Leaving it 
  // out means the parent constructor is automatically invoked.
  constructor() {
    // imagine doing some custom stuff for this derived class
    super();  // explicitly call parent constructor.
  }
}

// Instantiate one:
var foo = new Child();  // alert: hi
16
Sk606

変数の引数 と apply（） メソッドを利用することで、このようにすることができます。この例の fiddle を次に示します。

function test(id) { alert(id); }
function testChild() {
  testChild.prototype.apply(this, arguments);
  alert('also doing my own stuff');
}
testChild.prototype = test;
var instance = new testChild('hi', 'unused', 'optional', 'args');
3
JCotton

プロトタイプを設定する前に、function testChild()を宣言する必要があります。次に、メソッドを呼び出すために_testChild.test_を呼び出す必要があります。 _testChild.prototype.test = test_を設定したいのですが、testChild.test('hi')を呼び出すと、正しく解決されるはずです。

1
Paul Sonier