Що таке polyfill?

Що таке Polyfill?

Polyfill — це код (зазвичай JavaScript), який реалізує функціональність, що відсутня в старих браузерах, але вже доступна в сучасних версіях.

Іншими словами: це "патч", який додає підтримку для нового API, де його ще не існує.

Приклад

Припустимо, ви використовуєте метод Array.prototype.includes, який з'явився в ES2016.

У старих браузерах він може бути відсутнім, і тоді код "зламається".

Рішення — додати polyfill:

if (!Array.prototype.includes) {
  Array.prototype.includes = function (item) {
    return this.indexOf(item) !== -1;
  };
}

Тепер навіть у старому браузері ваш код буде працювати.

Важливо:

Polyfills збільшують розмір бандлу — включайте лише ті, які вам дійсно потрібні!

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Дочитали статтю?

Практика завдань

Що таке polyfill?