Question

一般问题：当像Array这样的默认Javascript原型被修改，黑客攻击，更改并扭曲到无法使用时，有没有办法创建（或重新实现）实例原始的，未经修改的原型？

我的情况：我有一些代码在（可怕的，专有的，封闭源代码......）内容管理系统的“编辑”模式下失败，因为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搜索或其他地方的人来说，这里有一个函数返回未经修改的任何默认构造函数传递给它：

// 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）而不是通过函数（{{1每次都在那之后。

祝你好运！

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]";
}

在修改Array.prototype时创建javascript数组原型的重置？

2 个答案:

用法如下：