Question

我在javascript中有一个创建类的类定义方法：

var Class = function() {
    var clazz = null,
    pros = {};
    for (var i = 0; i < arguments.length; i++) {
        var arg = arguments[i];
        if (typeof arg == "function") arg = arg.prototype;
        else {
            arg.init && (clazz = arg.init, delete arg.init)
        }
        for (var p in arg) pros[p] = arg[p];
    }
    clazz.prototype = pros;
    return clazz;
};

var Person = Class({
    init: function(name) {
        this.name = name;
    },
    say:function(){
        console.info(this.name);
    }
});

var Man = Class(Person, {
    init: function(name) {
        Person.apply(this, arguments);
        this.gender = 'man'
    }
});

var m = new Man('kk');
console.info(m instanceof Man);
console.info(m instanceof Person);

但是，它不支持instanceof运算符。

有什么想法来解决它吗？

Answer 1

您应该跟踪原型链以使instanceof正常工作。您当前正在做的只是将属性复制到一个对象中，并将其用作返回函数的原型。因此，Parent是Man的父级的信息将丢失。

您需要设置原型而不是复制。 ~~由于您需要修改现有对象以设置基础原型，因此需要使用已弃用的__proto__属性。此处不能使用Object.create，因为它会返回一个新对象。~~

修改：可以不使用__proto__，但您需要function F诀窍：http://jsfiddle.net/p9pvQ/。

var clazz = null,
    pros = Object.prototype; // root of chain

for (var i = 0; i < arguments.length; i++) {
    var arg = arguments[i];

    if (typeof arg === "function") {
        arg = arg.prototype;
    } else {
        if(arg.init) {
            clazz = arg.init;
            delete arg.init;
        }
        var o = arg;
        arg = (function() { function F() {}; F.prototype = pros; return new F; })();
        for(var key in o) arg[key] = o[key];
    }

    pros = arg;
}

m将拥有如下原型链：

Class.init // m
  gender: "man"
  name: "kk"
  __proto__: F // Man
    __proto__: F // Person
      say: function (){
      __proto__: Object // Object.prototype
        __defineGetter__: function __defineGetter__() { [native code] }
        __defineSetter__: function __defineSetter__() { [native code] }
        ... (Object.prototype functions)

如何在javascript中修复此类定义以支持instanceof运算符

1 个答案: