为什么instanceof在JavaScript中返回false?

时间:2012-11-10 22:52:20

标签: javascript

在下面的代码中,为什么instanceof对Shape和Rectangle都返回false?另外,为什么rec的自身属性包括来自超类的x和y?

    function Shape(x, y) {
        this.x=x;
        this.y=y;
    }
    Shape.prototype.move = function (x, y) {
        this.x += x;
        this.y += y;
        console.log("x = " + this.x + " y = " + this.y);
    };
    function Rectangle(x, y, w, h) {
        Shape.call(this, x, y);
        this.w = w;
        this.h = h;
    }
    Rectangle.prototype = Object.create(Shape.prototype);
    Rectangle.prototype.area = function() {
        return this.w * this.h;
    };
    var rec = new Rectangle(0,0,10,10);
    console.log("instanceof = " + rec instanceof Shape);
    console.log("instanceof = " + rec instanceof Rectangle);
    rec.move(2,3);
    console.log("area = " + rec.area());
    console.log(Object.getOwnPropertyNames(rec));

1 个答案:

答案 0 :(得分:9)

因为在+之前评估了instanceof。所以你问是否:

"instanceof = " + rec

... String,是instanceof你的构造函数,它不会是。{/ p>

添加括号以强制执行订单:

console.log("instanceof = " + (rec instanceof Shape));

或者,由于console.log接受任意数量的参数,因此将其作为自己的参数传递:

console.log("instanceof = ", rec instanceof Shape);