如何調用父構造函數？

Question

比方說，我有以下代碼片段。

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

testChild.prototype = new test(); 

function testChild(){} 

var instance = new testChild('hi'); 

是否有可能得到alert('hi')？我現在得到undefined。

Answer 1

這就是你在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輸出相比，代碼略有修改，並且評論爲更易讀。

Answer 2

您需要在設置原型之前聲明function testChild()。然後你需要撥打testChild.test來調用該方法。我相信你想設置testChild.prototype.test = test，那麼你可以撥打testChild.test('hi')，它應該正確解決。

Answer 3

通過利用variable arguments和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'); 

Answer 4

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'); 

Answer 5

您已經有很多答案，但我會在ES6方式，這恕我直言是新標準的方式來做到這一點扔。

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