Question

我的服务没有标准问题。

我在客户端网站上的SaaS脚本中使用了Zepto库。但是2个小时前，我的一位客户写信告诉我，我的剧本无效。我检查了所有代码并发现：他使用Prototype JavaScript framework, version 1.7。在这段代码中，我看到：

var Enumerable = (function() {
...
  function each(iterator, context) {...}
  function all(iterator, context) {...}
...    
}();

我的意思是，所有本机数组方法都被覆盖了。 Zepto.js使用这种原生方法：

each: function(callback){
    emptyArray.every.call(this, function(el, idx){
        return callback.call(el, idx, el) !== false
    })
    return this
},

，其中

emptyArray = [];

我认为这个版本的原型库有一些bug，因为（来自控制台:)

xxx:xxx Uncaught RangeError: Maximum call stack size exceeded

有Zepto的emtyArray.each和Enumerable.all函数的圆圈。

我的问题是，如何使用方法[].all代替[].prototype.all？

更新

var words = ['hello', 'world', '!'];

console.log('Before overwrite');
[].every.call(words, function(el, idx) {
  console.log(el);
});

Array.prototype.every = function(iterator, context)
{
  console.error('not works');
}

console.log('After overwrite');
[].every.call(words, function(el, idx) {
  console.log(el);
});

如何再次使用原生.every？

Answer 1

在代码段中不允许使用iframing，但这是可行的变体：

Array.prototype.every = function()
{
  console.log('invalid');
}

var iframe = window.document.createElement("iframe");
window.document.documentElement.appendChild(iframe);
var nativeWnd = iframe.contentWindow;
var nativeArray = nativeWnd.Array;
var parent = iframe.parentNode || iframe.parent;
parent.removeChild(iframe);

var oArr = new Array();
var nArr = new nativeArray();

console.log(oArr.every);
console.log(nArr.every);

如何使用原生（不是覆盖）方法

更新

1 个答案: