将可枚举函数添加到对象原型

时间:2017-02-14 10:34:32

标签: javascript function prototype typeerror enumerable

每当我向Object的原型添加一个可枚举函数时,我都会遇到一些类型错误。

jquery-1.10.2.js:2451 Uncaught TypeError: matchExpr[type].exec is not a function
    at tokenize (jquery-1.10.2.js:2451)
    at Function.Sizzle [as find] (jquery-1.10.2.js:1269)
    at init.find (jquery-1.10.2.js:5744)
    at change-project-controller.js:4
    at change-project-controller.js:255
tokenize @ jquery-1.10.2.js:2451
Sizzle @ jquery-1.10.2.js:1269
find @ jquery-1.10.2.js:5744
(anonymous) @ change-project-controller.js:4
(anonymous) @ change-project-controller.js:255

jquery-1.10.2.js:2451 Uncaught TypeError: matchExpr[type].exec is not a function
    at tokenize (jquery-1.10.2.js:2451)
    at Function.Sizzle [as find] (jquery-1.10.2.js:1269)
    at init.find (jquery-1.10.2.js:5744)
    at filter-by-registrant-controller.js:10
    at filter-by-registrant-controller.js:179
tokenize @ jquery-1.10.2.js:2451
Sizzle @ jquery-1.10.2.js:1269
find @ jquery-1.10.2.js:5744
(anonymous) @ filter-by-registrant-controller.js:10
(anonymous) @ filter-by-registrant-controller.js:179

jquery-1.10.2.js:2451 Uncaught TypeError: matchExpr[type].exec is not a function
    at tokenize (jquery-1.10.2.js:2451)
    at Function.Sizzle [as find] (jquery-1.10.2.js:1269)
    at init.find (jquery-1.10.2.js:5744)
    at registrations-controller.js:6
    at registrations-controller.js:412
tokenize @ jquery-1.10.2.js:2451
Sizzle @ jquery-1.10.2.js:1269
find @ jquery-1.10.2.js:5744
(anonymous) @ registrations-controller.js:6
(anonymous) @ registrations-controller.js:412

Index:290 Uncaught TypeError: Cannot read property 'registerFilter' of undefined
    at Index:290
(anonymous) @ Index:290

请注意,四个错误中的最后一个与jQuery没有任何关系。

这是导致错误发生的代码:

Object.defineProperty(Object.prototype, "select", {

    enumerable: true,
    value: function () {

        return "hello world";

    }

});

如果我将函数添加为不可枚举的,我不会得到错误,如下所示:

Object.defineProperty(Object.prototype, "select", {

    enumerable: false,
    value: function () {

        return "hello world";

    }

});

请注意,唯一的区别是可枚举成员设置为false。此外,如果我将可枚举函数更改为添加到Array而不是Object,则代码运行正常。

我正在处理的项目不是我的,所以我无法分享它,我没有成功地在jsfiddle或简单的HTML文件中重现错误。

1 个答案:

答案 0 :(得分:1)

  

每当我向Object的原型添加一个可枚举函数时,我都会遇到一些类型错误。

不要这样做。正如您所发现的那样,这样做会打破许多毫无疑问的代码。事物的默认状态是空白对象没有可枚举的属性。 E.g:

var o = {};
for (var name in o) {
    console.log("This line never runs in a reasonable world.");
}
console.log("End");

通过向Object.prototype添加可枚举属性,您可以打破:

Object.prototype.foo = function() { };
var o = {};
for (var name in o) {
    console.log("I wasn't expecting to find: " + name);
}
console.log("End");

Object.prototype添加内容几乎不是一个好主意。添加可枚举的东西是总是一个坏主意™。所有现代浏览器都支持defineProperty,因此,如果必须扩充Object.prototype,请使用不可枚举的属性执行此操作。 (请注意,即使使用不可枚举的Object.prototype属性也很容易引入不兼容性。)如果您需要支持不支持它的过时浏览器,则需要单独留下Object.prototype。< / p>