修改 Array.prototype 后创建 javascript Array 原型的重置？

Question

一般问题：当像 Array 这样的默认 Javascript 原型被修改、破解、更改和扭曲到无法使用的程度时，有没有办法创建（或重新实现）的实例原始的、未修改的原型？

---

我的情况：我有一些代码在（可怕的、专有的、封闭源代码的......）内容管理系统的“编辑”模式下失败，因为用于内容管理系统的“编辑”模式界面破解了Array原型的绝对生活地狱。

我的代码可以在 CMS 的非编辑模式下工作，但是，为了实现这一点，它已经在“编辑”模式下进行了测试。 It's possible to test if a prototype has been modified。是否可以重新实现默认的 Array 原型，以便我可以执行以下操作：

var hasArrayBeenTrashed = // boolean based on https://stackoverflow.com/questions/574584/
var normalArray.prototype = // based on answer to this question 
var myArray = !hasArrayBeenTrashed ? [] : new normalArray;

Answer 1

OP 现在可能已经想通了，但是对于从 Google 搜索或其他任何地方进入的任何其他人，这里有一个函数返回传递给它的 any 默认构造函数的未修改版本：

// Note: the double name assignment below is intentional.
// Only change this part if you want to use a different variable name.
//  │││││ The other one here needs to stay the same for internal reference.
//  ↓↓↓↓↓            ↓↓↓↓↓
var reset = function reset(constructor) {
    if (!(constructor.name in reset)) {
        var iframe = document.createElement('iframe');
        iframe.src = 'about:blank';
        document.body.appendChild(iframe);
        reset[constructor.name] = iframe.contentWindow[constructor.name];
        document.body.removeChild(iframe);
    } return reset[constructor.name];
}

---

用法如下：

问题

有人对默认原型做了一些愚蠢的事情......

Array.prototype.push = function () {
    var that = this;
    [].forEach.call(arguments, function (argument) {
        that.splice(Math.round(Math.random()*that.length), 0, argument)
    }); return 'Trolololo';
}

...你的代码变得一团糟。

var myArray = new Array(0, 1, 2, 3);
//-> undefined
    // Ok, I made an array.
myArray;
//-> [0, 1, 2, 3]
    // So far so good...
myArray.push(4, 5);
//-> "Trolololo"
    // What?
myArray;
//-> [5, 0, 1, 2, 4, 3]
    // WHAT!?

解决方案

所以你把这个函数混进去了……

var reset = function reset(constructor) {
    if (!(constructor.name in reset)) {
        var iframe = document.createElement('iframe');
        iframe.src = 'about:blank';
        document.body.appendChild(iframe);
        reset[constructor.name] = iframe.contentWindow[constructor.name];
        document.body.removeChild(iframe);
    } return reset[constructor.name];
}

...然后像这样使用它。

var myArray = new reset(Array)(0, 1, 2, 3);
//-> undefined
    // Looks the same
myArray;
//-> [0, 1, 2, 3]
    // Still looks the same
myArray.push(4, 5);
//-> 6
    // Hey, it returned what it's supposed to...
myArray;
//-> [0, 1, 2, 3, 4, 5]
    // ...and all's right with the world again!

另外，因为每个重置构造函数在第一次返回时都会被缓存，如果你想通过直接引用缓存（reset.Array）而不是通过函数（reset(Array)）来保存一个字符之后的时间。

---

祝你好运！

Answer 2

你可以从 iframe 中复制 Array 方法：

Array.prototype.slice = function() {
    return "trololol";
};
var a = document.createElement("iframe");
a.src = "about:blank";
document.body.appendChild(a);
var prototype = a.contentWindow.Array.prototype;
var fn = ["toString", "toLocaleString", "join", "pop", "push", "concat", "reverse", "shift", "unshift", "slice", "splice", "sort", "filter", "forEach", "some", "every", "map", "indexOf", "lastIndexOf", "reduce", "reduceRight"];
for (var i = 0; i < fn.length; ++i) {
    var methodName = fn[i];
    var method = prototype[methodName];
    if (method) {
        Array.prototype[methodName] = method;
    }
}
document.body.removeChild(a);

​ 这是适用于chrome和IE9的jsfiddle，没有时间弄清楚IE7-8。 http://jsfiddle.net/jMUur/1/

不依赖引用检查对象是否为数组：

function isArray( obj ) {
     return {}.toString.call( obj ) === "[object Array]";
}