Я добавил следующий polyfill в Array
в начале моего проекта:
if (!Array.prototype.find) {
Array.prototype.find = function(predicate) {
if (this === null) {
throw new TypeError('Array.prototype.find called on null or undefined');
}
if (typeof predicate !== 'function') {
throw new TypeError('predicate must be a function');
}
var list = Object(this);
var length = list.length >>> 0;
var thisArg = arguments[1];
var value;
for (var i = 0; i < length; i++) {
value = list[i];
if (predicate.call(thisArg, value, i, list)) {
return value;
}
}
return undefined;
};
}
Это прекрасно работает в Chrome и Firefox, но в Internet Explorer 11 эта функция на самом деле нажата в каждом Array
как элемент, и я могу даже получить к ней доступ, как:
var a = [];
a[0]();
Это бросает всевозможные исключения в IE с такими функциями, как .forEach
, где я ожидаю некоторые данные, и эта функция найдена.
Вот скриншот из инструментов разработчика IE, в этом случае этот массив должен иметь всего 2 элемента вместо 3.
И так должно быть, из Chrome. На самом деле, я считаю, что даже фактическое содержимое неверно, но я еще не получил его (это должен быть массив, содержащий массивы длиной 2).
Как JavaScript может вести себя так неправильно в IE11, и как я могу правильно добавить эту функцию в prototype
вместо каждого экземпляра Array
?