Hack Frontend Community

Что такое полифил (polyfill)?

Что такое полифил?

Полифил (polyfill) — это код (обычно JavaScript), который реализует функциональность, отсутствующую в старых браузерах, но уже доступную в современных версиях.

Другими словами: это «заплатка», которая добавляет поддержку нового API там, где её ещё нет.

Пример

Допустим, вы используете метод Array.prototype.includes, который появился в ES2016.
В старых браузерах его может не быть, и тогда код «сломается».

Решение — добавить полифил:

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

Теперь даже в старом браузере ваш код будет работать

Важно:

Полифилы увеличивают размер бандла — подключайте только те, которые действительно нужны!