Aggiungere una funzione al Array.prototype in IE risultati in esso che è spinto in ogni matrice come elemento

Question

ho aggiunto il seguente ovatta per Array all'inizio del mio progetto:

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

questo funziona perfettamente bene in Chrome e Firefox, ma su Internet Explorer 11, questa funzione è effettivamente spinto in ogni Array come elemento di esso, e posso persino accedere piace:

var a = []; 
a[0](); 

questo è throwin g tutte le eccezioni in IE con funzioni come .forEach in cui mi aspetto alcuni dati e questa funzione è stata trovata.

Ecco uno screenshot da strumenti di sviluppo di IE, in questo caso, questo array dovrebbe avere solo 2 elementi, invece di 3.

Ed è così che dovrebbe essere, da Chrome. In effetti, credo che anche il contenuto reale sia sbagliato, ma non ci sono ancora arrivato (dovrebbe essere un array contenente array di lunghezza 2).

Come può JavaScript comportarsi ancora così male in IE11, e come posso aggiungere correttamente questa funzione per la prototype invece che in ogni Array esempio?

Answer 1

Non viene "inserito" in tutti gli array; hai aggiunto una proprietà all'oggetto prototipo, quindi è visibile e enumerabile in ogni istanza di array. Ecco come dovrebbero funzionare le proprietà del prototipo.

Funziona in Chrome e Firefox per .find() sul prototipo in quegli ambienti è definito in modo tale da essere visibile ma nonenumerabile. Potete farlo in IE utilizzando Object.defineProperty():

if (!Array.prototype.find) { 
    Object.defineProperty(Array.prototype, "find", { 
    value: 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; 
    } 
    }); 
} 

Oltre alle proprietà "valore", che è chiaramente il valore della nuova proprietà, le proprietà "enumerabile" e default "configurabile" per false. Ciò significa che "find" non verrà visualizzato in nessuna situazione che coinvolga l'iterazione attraverso le proprietà dell'oggetto.