javascript - 对象不支持该属性或方法(自定义对象的自定义原型(prototype)方法)

Question

我有这个代码:

function Event(fromDate, toDate, color) {
    if (toDate < fromDate) {
        throw "Invalid date interval";
    }
    this.fromDate = fromDate;
    this.toDate = toDate;
    this.color = color;
}

Event.prototype._compareDates = function (date1, date2) {
    if (date1 && date2) {
        return date1.getTime() - date2.getTime();
    } else {
        return null;
    }
};

Event.prototype.inInterval = function (date) {
    return (this._compareDates(date, this.fromDate) >= 0) && (this._compareDates(date, this.toDate) <= 0);
};

Event.prototype.isCoveredBy = function (event) {
    return (this._compareDates(event.fromDate, this.fromDate) < 0) && (this._compareDates(event.toDate, this.toDate) > 0);
};

Event.prototype.overlapsWith = function (event) {
    return this.inInterval(event.fromDate) || this.inInterval(event.toDate) || this.isCoveredBy(event);
};

var event1 = new Event(new Date(), new Date(), "#ffffff");
var event2 = new Event(new Date(), new Date(), "#ffffff");

alert(event1.overlapsWith(event2));

它适用于 Chrome 和 Firefox，但在 Internet Explorer 11 上，它似乎无法找到任何 Event.prototype.foo 函数并抛出错误“对象不支持此属性或方法‘foo’。

更新:

问题出在这段代码上:

function saveOrUpdate(color) {
    var fromDate = PF('fromDate').getDate();
    var toDate = PF('toDate').getDate();
    event = new Event(fromDate, toDate, color);
    $('#inlineDatepicker').datepick('addOrUpdateEvent', event);
    $('#inlineDatepicker').datepick('clear');
}

使用 PrimeFaces RequestContext 从 bean 调用它，以将新事件添加到 Javascript 日历。请注意，第三行没有按照我的意图声明一个新变量“event”。

出于某种原因，IE11 将事件解释为全局命名空间中的 Event 类型(请参阅 Andrei Nemes 答案)，而不是我自己的同名自定义类型。 Chorme 和 Firefox 可以正确解释该类型。因此，解决方案是更改第三行，添加“var”:

var event = new Event(fromDate, toDate, color);

很抱歉之前没有发布这部分代码。我将更改我的 Event 类的名称，以避免将来出现问题。

Answer 1

_{Event 已存在于全局命名空间中。当您声明 Event.prototype.overlapsWith 时，Internet Explorer 会将其附加到 native Event 对象，而不是您的类声明。如果您查看 Event 对象，您可以在那里看到它。简单的解决方法是不使用名称 Event。}

编辑:没关系，它似乎有效。不过，使用“Event”这个名称可能仍然不是一个好主意。您能否添加有关该错误的更多详细信息？