Polyfill là gì?

Bài viết được sự cho phép của tác giả Tino Phạm

Đây là thuật ngữ dùng để chỉ các đoạn code được dùng để cung cấp một chức năng (hoặc công nghệ) của các trình duyệt hiện đại cho các trình duyệt cũ. Thông qua đó, các trang web sử dụng các công nghệ mới (như HTML5) có thể chạy ổn định trên các trình duyệt cũ chưa hỗ trợ.

Một cách ngắn gọn: “polyfill (n): a JavaScript shim that replicates the standard API for older browsers”

Ví dụ các trình duyệt hiện nay đều hỗ trợ requestAnimationFrame, và để tạo một chức năng tương tự trên các trình duyệt cũ, ta có thể dùng đến hàm setTimeout() để thay thế.

varrequestAnimationFrame =

    window.requestAnimationFrame1       ||

          window.webkitRequestAnimationFrame1 ||

          window.mozRequestAnimationFrame1    ||

          window.oRequestAnimationFrame1      ||

          window.msRequestAnimationFrame1     ||

          function( callback ){ // polyfill

            window.setTimeout(callback, 1000 / 60);