.forEach() Polyfill

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