ES5-Shim、HTML5Shiv、Fetch Polyfill、Babel Polyfill：区别与用途

ES5-Shim、HTML5Shiv、Fetch Polyfill 和 Babel Polyfill 都是常见的 Polyfill 库，用于填充或模拟旧版本浏览器中缺失的功能。它们提供了对不同功能和浏览器兼容性的支持，有一些区别和特点。

1. ES5-Shim:

   • ES5-Shim 是一个用于填充 ECMAScript 5（ES5）标准功能的 Polyfill 库。
   • 它用于填充较旧的浏览器中缺失的 ES5 功能，如 'Array.prototype.forEach()', 'Array.prototype.map()', 'Object.create()' 等。
   • ES5-Shim 通过添加全局对象的属性和方法的方式来模拟 ES5 标准中的功能。
   • 它通过覆盖原生对象的方法来使较旧的浏览器具备 ES5 标准的功能。

2. HTML5Shiv:

   • HTML5Shiv 是一个用于填充 HTML5 标签的 Polyfill 库。
   • 它用于解决较旧的 IE 浏览器（IE9 及以下版本）不支持 HTML5 新标签的问题，如 '
     ', '

     ', '
   • HTML5Shiv 通过向页面中插入一段特定的 HTML 和 CSS 代码，让较旧的 IE 浏览器正确地识别并渲染这些新标签。

3. Fetch Polyfill:

   • Fetch Polyfill 是一个用于填充 Fetch API 的 Polyfill 库。
   • Fetch API 是用于进行网络请求的现代 Web API，但在一些旧版本的浏览器中不被支持。
   • Fetch Polyfill 通过在不支持 Fetch API 的浏览器中提供相似的 XHR（XMLHttpRequest）实现，来填充 Fetch API 的功能。

4. Babel Polyfill:

   • Babel Polyfill 是由 Babel 提供的 Polyfill 库，用于填充 ES6+ 功能。
   • 它用于填充较旧的浏览器中不支持的 ES6+ 功能，如 'Promise', 'Array.from()', 'Object.assign()' 等。
   • Babel Polyfill 是一个更大的 Polyfill 库，它不仅填充 ES6+ 功能，还提供了对 ES7、ES8 等较新版本的功能的支持。
   • 它通过向全局对象添加新的属性和方法来填充缺失的功能。

这些 Polyfill 库的选择取决于你的项目需求和目标浏览器。它们提供了对不同功能和浏览器兼容性的支持，并通过不同的方式来填充缺失的功能。你可以根据需要选择适合你项目的 Polyfill 库。