Trong JavaScript, cả shim và polyfill đều liên quan đến việc thêm chức năng mới vào các môi trường không hỗ trợ các tính năng nhất định của ngôn ngữ. Tuy nhiên, chúng có sự khác biệt về cách hoạt động và mục đích.
Shim là một đoạn mã cung cấp một API mà môi trường không hỗ trợ bằng cách mô phỏng hành vi của tính năng hoặc sửa đổi một API hiện có. Nó thay thế hoặc cải tiến chức năng sẵn có nhưng không có nghĩa là phải tuân thủ đúng đặc tả hoặc API hiện có của tiêu chuẩn mới.
Đặc điểm:
Ví dụ:
Giả sử môi trường không hỗ trợ Array.prototype.forEach, một shim có thể được viết như sau:
if (!Array.prototype.forEach) {
Array.prototype.forEach = function(callback) {
for (let i = 0; i < this.length; i++) {
callback(this[i], i, this);
}
};
}
Ở đây, shim mô phỏng cách forEach hoạt động trên các môi trường không hỗ trợ nó.
Polyfill là một đoạn mã (thường là thư viện) được thêm vào để cung cấp các chức năng hiện đại mà môi trường không hỗ trợ, với mục tiêu chính là tái tạo chính xác các API theo đặc tả mới. Polyfill bám sát vào các đặc tả của tiêu chuẩn mới và bổ sung tính năng thiếu.
Đặc điểm:
Ví dụ:
Giả sử bạn muốn sử dụng tính năng Promise trong một trình duyệt không hỗ trợ:
if (!window.Promise) {
window.Promise = function() {
// Một triển khai đơn giản của Promise
};
}
Polyfill này kiểm tra nếu Promise không có sẵn, nó sẽ bổ sung chức năng này để tương thích với các môi trường không hỗ trợ.
| Tiêu Chí | Shim | Polyfill |
|---|---|---|
| Mục Đích | Cung cấp hoặc thay thế một tính năng bằng cách mô phỏng, có thể thay đổi hành vi hiện có. | Tái tạo chính xác một tính năng hiện đại theo tiêu chuẩn mới nếu môi trường không hỗ trợ. |
| Phạm Vi Thay Đổi | Có thể thay đổi hành vi của API hoặc đối tượng hiện có. | Chỉ thêm các tính năng không có sẵn, không thay đổi API hiện có. |
| Tuân Thủ Đặc Tả | Không nhất thiết phải tuân theo đặc tả chính thức. | Tuân thủ chặt chẽ đặc tả API theo tiêu chuẩn hiện đại. |
Shim có thể linh hoạt hơn khi áp dụng thay đổi hành vi hiện có, trong khi polyfill là giải pháp chính xác để hỗ trợ tính năng hiện đại.
