在 Javascript 中实现 isInstance

Question

我定义了两个函数如何相互继承，如下所示：

Function.prototype.inherit = function(parent){

function proto() {}
proto.prototype = parent.prototype;

this.prototype = new proto();
this.prototype.constructor = this;
this.prototype.parent = parent; 

}

然后，我需要定义一个 isInstance 函数，其行为类似于 Java 的 instanceOf 或 PHP 的 instanceof。本质上，isInstance 可用于确定变量是否是从父函数继承的函数的实例化对象。

这就是我写的：

Function.prototype.isInstance = function(func){
if(this == func){
    return true;
} else{
    if (this.prototype.parent == undefined || this.prototype.parent == null) {
        return false;   
    } else {
        return this.prototype.parent.isInstance(func);          
    }
}

}

在比较两个函数时效果很好，但在比较实例化变量时效果不佳。

Object2.inherit(Object1);

Object2.isInstance(Object1); //returns true

var obj2 = new Object2();

obj2.isInstance(Object1);// obj2.isInstance is not a function

上面的最后一个案例是我想要开始工作的。如何将 isInstance 添加到实例，而不仅仅是函数？对于所有 javascript 专家来说，我的代码是否有任何改进（也许是继承方法）？

谢谢。

Answer 1

然后我需要定义一个 isInstance 函数，其行为类似于 Java 的 instanceOf 或 PHP 的 instanceof。

JavaScript 自己的 instanceof 有什么问题？

给定您的继承函数，

function Shape() {};
function Square() {};
Square.inherit(Shape);
alert(new Square() instanceof Shape); // true

instanceof 通过检查给定构造函数的 prototype 属性是否在实例的原型链中来工作。所以例如。

function A() {};
function B() {};
var b= new B();
A.prototype= B.prototype;
alert(b instanceof A); // true

这就是为什么即使 Square.prototype 不是使用 new Shape 创建的，instanceof Shape 仍然可以工作；相反，它是由 new proto() 创建的，但由于 proto 和 Shape 共享相同的 prototype 属性， JavaScript 无法区分。

通常你看不到原型链（尽管 Firefox 和 WebKit 通过 __proto__ 属性提供它），但这是 JS 中实际处理继承的方式；可见的 Function.prototype 属性仅用于在 new 时设置原型链的初始状态。

如何将 isInstance 添加到实例，而不仅仅是函数？

Object.prototype.isInstance(c)= function() {
    return this instanceof c;
}

但我不确定这是否真的能让你受益匪浅！对对象进行原型设计通常被认为是很糟糕的，因为它实际上会影响每个对象，并且可能会混淆使用对象进行查找映射的其他脚本。

我的代码有什么改进（也许是继承方法）？

我喜欢你的继承方法，它是制作对象系统的更轻量级和 JavaScript 的方法之一。

使用 instanceof 您可能会丢失 parent 和 constructor 属性，除非您出于其他方便目的需要它们。我会将 parent 放在构造函数上（所以它就像一个知道其基类的子类），并且我会调用 constructor 其他东西（已经有属性在 Firefox 中称为构造函数，但它不会按照您的想法执行，通常最好避免）。

我看到的唯一缺点是你不能继承构造函数，所以每次你创建一个新的子类时，你都必须编写一个调用基构造函数的构造函数，即使你的子类的构造函数什么也不做：

function Square() {
    Shape.apply(this, arguments);
}
Square.inherit(Shape);

Answer 2

为什么需要这样做？ JavaScript 没有严格的类层次结构的概念是有原因的：它确实无法做到。您可能可以找到一个在大多数情况下都有效的解决方案，但我不确定您是否可以涵盖所有边缘情况。此外，由于 JavaScript 没有任何接口概念，因此测试显式继承会导致高耦合，并且似乎违反了 坚实的原则。

解决这个问题的一个更好（也更惯用）的方法是使用鸭子打字。只需测试您需要的方法是否存在，然后调用它。只要准备好在必要时捕获异常（无论如何你都应该这样做）。

Answer 3

暂时将良好的设计论点放在一边并专注于您的问题，问题在于您将 isInstance() 设置为 Function 原型上的方法。这意味着属于函数的对象将具有它，而不是函数的对象（例如示例中的Object1和Object2）则不会。

我建议不要尝试将其实现为方法，而是将其作为静态函数：

function isInstance(object, ofClass) {
  // Same logic as you have, except use 
  // object.prototype instead of this.prototype
}

然后可以将其调用为

isInstance(obj2, Object2);