Thừa kế thừa kế động

Question

Giả sử tôi có hàm hàm dựng Foo, Bar và Qux. Làm thế nào tôi có thể tạo một đối tượng mới với một chuỗi đại biểu (sử dụng các nhà xây dựng) mà tôi sẽ tự động chọn khi đang bay?

Ví dụ: đối tượng sẽ có chuỗi ủy quyền Foo ->Bar.
Một đối tượng khác sẽ có chuỗi Foo ->Qux.

function Foo() { 
    this.foo = function() { 
    console.log('foo'); 
    } 
} 

function Bar() { 
    this.bar = function() { 
    console.log('bar'); 
    } 
} 

function Qux() { 
    this.qux = function() { 
    console.log('qux'); 
    } 
} 

Một đối tượng fooBar sẽ có thể gọi foo() và bar(). Một đối tượng khác fooQux sẽ có thể gọi foo() và qux(). Vv

Answer 1

Bạn có thể sử dụng những nhà xây dựng như mixins:

var fooBar = {}; 
Bar.call(fooBar); 
Foo.call(fooBar); 

var fooQux = {}; 
Qux.call(fooQux); 
Foo.call(fooQux); 

Nhưng bạn có thể muốn viết chúng như trang trí, thậm chí có thể trở về đối tượng điều chỉnh, không phải là nhà thầu, bởi vì bạn không thể sử dụng nguyên mẫu của họ anyway. Vì vậy, một mô hình thuận tiện hơn sẽ

function withFoo(obj) { 
    obj.foo = function() { 
    console.log('foo'); 
    }; 
    return obj; 
} 

function withBar(obj) { 
    obj.bar = function() { 
    console.log('bar'); 
    }; 
    return obj; 
} 

function withQux(obj) { 
    obj.qux = function() { 
    console.log('qux'); 
    }; 
    return obj; 
} 

để bạn có thể sử dụng chúng như

var fooBar = withFoo(withBar({})); 
var fooQux = withFoo(withQux({})); 

Answer 2

Như nhận xét, không chắc chắn nhưng tôi đoán bạn có thể thử instanceof.

Ý tưởng là, có hàm bao bọc sẽ kiểm tra hàm tạo và sẽ gọi hàm cần thiết. Một sự thay thế có thể có cùng chức năng tên trong tất cả các hàm lớp. Vì vậy, bạn chỉ cần gọi object.functionName()

Sample Fiddle

function Foo() { 
 
    this.foo = function() { 
 
    console.log('foo'); 
 
    } 
 
} 
 

 
function Bar() { 
 
    this.bar = function() { 
 
    console.log('bar'); 
 
    } 
 
} 
 

 
function Qux() { 
 
    this.qux = function() { 
 
    console.log('qux'); 
 
    } 
 
} 
 

 
function createObj() { 
 
    var index = Math.floor(Math.random() * 10) % 3; 
 
    switch (index) { 
 
    case 0: return new Foo(); 
 
    case 1: return new Bar(); 
 
    case 2: return new Qux(); 
 
    } 
 
} 
 

 
function checkObjectAndCallFunc(obj) { 
 
    if (obj instanceof Foo) { 
 
    delete obj; 
 
    obj.foo(); 
 
    } else if (obj instanceof Bar) { 
 
    delete obj; 
 
    obj.bar(); 
 
    } else if (obj instanceof Qux) { 
 
    delete obj; 
 
    obj.qux(); 
 
    } 
 
} 
 

 
function test(obj) { 
 
    obj = createObj(); 
 
    checkObjectAndCallFunc(obj); 
 
    if (count < 10) initTimeout() 
 
} 
 
var count = 0; 
 
var obj = {}; 
 

 
function initTimeout() { 
 
    count++; 
 
    setTimeout(test.bind(null, obj), 1000); 
 
} 
 
initTimeout()