Question

我在javascript中为canvas创建了一个小的Shape类来消磨时间。我想知道我是否可以做下面的事情，

var Shape = function (shape) {

     // pseudo code
     if (shape is a prototype function of Shape) {
         shape();
     }
}

Shape.prototype.quad = function () {

}

因此，对于上述内容，唯一有效的字符串是quad，因为这是唯一定义的原型函数。

这可能吗？

Answer 1

鉴于shape是一个字符串，只需使用in查看它是否存在于Shape.prototype

var Shape = function (shape) {
     if (shape in Shape.prototype) {
         Shape.prototype[shape]();
     }
};

这当然不会在this中为您提供有用的Shape.prototype.quad值，但我不知道您想要的是什么。

如果您打算将此作为构造函数执行，那么您将使用this代替。

var Shape = function (shape) {
     if (shape in this) {
         this[shape]();
     }
};

如果您还想确定它是一个功能，请使用typeof。

 if ((shape in this) && typeof this[shape] === "function") {
     this[shape]();
 }

Answer 2

<强> jsFiddle Demo

我认为您正在寻找的是继承检测。这可以通过检查instanceof来完成。这是一个例子：

var Shape = function (shape) {
 if( shape instanceof Shape ){
  alert("shape instance found");   
 }
};

var Quad = function(){};
Quad.prototype = new Shape();

var q = new Quad();
var s = new Shape(q);

修改

<强> jsFiddle Demo

也许您想查找由字符串定义的原型？在这种情况下，请执行以下操作：

var Shape = function (shape) {
 if( typeof this[shape] == "function" ){
    alert("shape is a prototype function");   
 }
};
Shape.prototype.quad = function(){};

var c = new Shape("circle");
var q = new Shape("quad");

Answer 3

尝试假设Shape是构造函数，它使用非标准但通常可用的 proto 属性。

var Shape = function (shape) {
    for (var functionName in this) {
        if (this.__proto__.hasOwnProperty(functionName)) {     
            if (this[functionName]  ===  shape) {
                shape.call(this);
            }
        }            
    }
}

Shape.prototype.quad = function () { console.log("quad")}
new Shape(Shape.prototype.quad)

Javascript字符串是原型函数吗？

3 个答案: