JavaScript冷知识:shim 和 polyfill

    xiaoxiao2023-09-27  132

    整自网上资料,知识点重要程度:低

    在学习和使用 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平台尚未一统天下之前的临时产物。

    最新回复(0)