Hvad er en polyfill?
Polyfill er kode, der implementerer en funktion på webbrowsere, som forventes at blive leveret af browseren, men som ikke er tilgængelig. Udvikleren bruger ens logik til at implementere løsningen.
Hvad er .forEach()
Det er en matrixfunktion, der bruges til at iterere over en matrix. Denne funktion er praktisk, når vi ikke ønsker at implementere for-løkken fra bunden, hvilket sparer en masse tid samt nogle linjer kode.
Funktionen anvendes i et array og tager en anden funktion ind som en parameter (kendt som tilbagekaldsfunktion). I tilbagekaldsfunktionens parametre det aktuelle element i arrayet , indeks , og det komplette array er bestået.
Skrivning af Polyfill
Vi vil iterere over en række af nogle børsnoterede virksomheder i NSE.
var nseStocks = [
'PIDILITIND',
'ASIANPAINT',
'ZOMATO',
'RELIANCE',
'INFY',
]
Lad os først prøve at køre den oprindelige .forEach()
nseStocks.forEach(function (stock) {
console.log(stock);
});
// PIDILITIND
// ASIANPAINT
// ZOMATO
// RELIANCE
// INFY
Så vi vil tilføje forEach-funktionen til prototypen af Array
.
Array.prototype.myForEach = function (callback) {
for (var i = 0; i < this.length; i++) {
callback(this[i], i, this)
}
}
Lad os nu prøve at køre vores polyfill.
nseStocks.myForEach(function (stock) {
console.log(stock);
});
// PIDILITIND
// ASIANPAINT
// ZOMATO
// RELIANCE
// INFY
Forbind med mig
LinkedIn Min portefølje Twitter Instagram