JavaScript冷知识：shim 和 polyfill

整自网上资料，知识点重要程度：低

在学习和使用 JavaScript 的时候，我们会经常碰到两个术语：shim 和 polyfill。它们有许多定义和解释，意思相近又有差异。

Shim

Shim 指的是在一个旧的环境中模拟出一个新 API ，而且仅靠旧环境中已有的手段实现，以便所有的浏览器具有相同的行为。主要特征：

该 API 存在于现代浏览器中;
浏览器有各自的 API 或可通过别的 API 实现;
API 的所有方法都被重新实现；
拦截 API 调用，并提供自己的实现；
是一个优雅降级。

Polyfill

polyfill 是一段代码(或者插件)，提供了那些开发者们希望浏览器原生提供支持的功能。程序库先检查浏览器是否支持某个API，如果不支持则加载对应的 polyfill。主要特征：

是一个浏览器 API 的 Shim;
与浏览器有关;
没有提供新的API，只是在 API 中实现缺少的功能;
以只需要引入 polyfill ，它会静静地工作;

shim 的概念要比 polyfill 更大一些，可以将 polyfill 理解为专门兼容浏览器 API 的 shim 。简单的说，如果浏览器X支持标准规定的功能，那么 polyfill 可以让浏览器 Y 的行为与浏览器 X 一样。

总结

shim和polyfill都是和浏览器向下兼容相关的名词，如果仍然无法区分2者就当做一种东西来理解吧。

从字面上来看，shim和polyfill都是为了“填充”，为了让浏览器这个虚拟机变得更通用，更统一，他们是web平台尚未一统天下之前的临时产物。

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/github_38885296/article/details/90543299
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-28 03:21:33
阅读 ( 913 )
分类：