当 Array.prototype 被修改时,创建 javascript Array 原型的重置?

IT技术 javascript arrays object prototype
2021-03-09 19:23:53

一般问题:当像 Array 这样的默认 Javascript 原型被修改、攻击、更改和扭曲到无法使用的程度时,有没有办法创建(或重新实现)原始的、未修改的原型的实例?


我的情况:我有一些代码在(可怕的,专有的,封闭源代码......)内容管理系统的“编辑”模式下失败,因为内容的“编辑”模式界面的javascript管理系统从Array原型中破解了绝对的地狱

我的代码将在 CMS 的非编辑模式下工作,但是,为了到达那里,它已经在“编辑”模式下进行了测试。可以测试原型是否已修改是否可以重新实现默认的 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;
2个回答

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) 而不是reset(Array)每次都通过函数 ( )来保存字符


祝你好运!

此重置函数会引发错误 Function expected in IE 10,11
2021-05-14 19:23:53

你可以从 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]";
}
看起来不错 - 但我将如何修改它以创建基于数组的新型对象,而不是覆盖数组?我想撤消 CMS 的 Array 原型黑客攻击会破坏 CMS - 比如说我想使用基于 Array 的新类normalArray,而不是行中的 Array Array.prototype[methodName] = method;谢谢
2021-04-25 19:23:53
@user568458 效果不佳,在某些浏览器中,iframed 数组仍将返回主窗口的数组实例,例如 .slice 方法
2021-04-30 19:23:53
我意识到这与问题的标题有点不同,编辑以更好地反映意图。
2021-05-10 19:23:53