用javascript为预定义对象设置原型

Set a prototype for a predefined object in javascript

本文关键字:设置 原型 对象 预定义 javascript      更新时间:2023-09-26

如何操作预定义对象(例如Array)的prototype,以便它在创建该对象的实例时执行某些操作?

简单地说,每当数组被实例化时,我都想alert('an array was created!')

您可以通过将数组添加到Array.prototype对象来在数组上设置一个新方法:

Array.prototype.fizz = function () {
    alert('works');
};
var arr = [];
arr.fizz();

但是,这只允许您创建新方法,不允许您扩展现有方法*,也不允许您重写Array构造函数。

小心将新方法添加到现有类型中这可能会对整个脚本环境产生不利影响,并在某些库中导致意外行为。尽管有些人可能会称之为"糟糕的做法",但使用polyfill来实现跨浏览器兼容性是很常见的,例如通过创建Array.prototype.indexOf

没有"newed"数组这样的东西,这个词是"实例化的":

var a1, a2;
a1 = []; //a1 was instantiated with a new Array
a2 = new Array(); //a2 was also instantiated with a new Array

没有跨浏览器的方法来覆盖Array构造函数。

*可以将现有方法包装在函数中,以便在调用时,现有方法除了执行新功能外,还执行其原始功能。尽管这可能被称为扩展现有方法,但它实际上是在创建一个新方法

您可以尝试用自己的函数覆盖Array。做new Array时似乎有效,但做[]时无效。

(function() {
    var _ac = Array;
    Array = function() {
        alert('an array was newed!');
        return _ac.apply(this, arguments);
    };
}());

演示:http://jsfiddle.net/DAg9A/

我建议您只为它创建一个数组名称空间:

array = {};
array.create = function() {
    alert("Created an array");     
    return [];
}

因此,无论何时创建数组,都可以使用:array.create()。

您不应该,在这种情况下也不能更改本机功能。你必须负责每一个数组的创建。