獲取誰叫父母在JavaScript

Question

方法孩子

說我得到了這個JS代碼

function Parent(){} 
Parent.prototype.do = function(){ // Get here the Child(1|2)'s class name } 

function Child1(){} 
Child.prototype = new Parent(); 

function Child2(){} 
Grandson.prototype = new Parent(); 

Child1.do(); 
Child2.do(); 

我知道，有一個（目前不建議使用）「來電顯示」參數內的信息。

這怎麼辦？ 這是JavaScript中做事的常見模式，還是反模式？通常如何做這種類型的東西？

Answer 1

您可以重置您的孩子的原型對象的constructor財產，並在do功能訪問此屬性：

function Parent(){} 
Parent.prototype.do = function(){ 
    var name = this.constructor.toString().match(/function ([^(]+)/)[1]; 
    console.log(name); 
} 

function Child1(){} 
Child1.prototype = new Parent(); 
Child1.prototype.constructor = Child1; 

function Child2(){} 
Child2.prototype = new Parent(); 
Child2.prototype.constructor = Child2; 

new Child1().do(); // logs Child1 
new Child2().do(); // logs Child2 

DEMO

另一種方法是一個額外的屬性添加到原型子對象，例如className：

function Parent(){} 
Parent.prototype.do = function(){ 
    var name = this.className; 
    console.log(name); 
} 
Parent.prototype.className = 'Parent'; 

function Child1(){} 
Child1.prototype = new Parent(); 
Child1.prototype.className = 'Child1'; 

function Child2(){} 
Child2.prototype = new Parent(); 
Child2.prototype.className = 'Child2'; 

new Child1().do(); // logs Child1 
new Child2().do(); // logs Child2