什么是polyfill

什么是polyfill

• Polyfill 是一块代码（通常是 Web 上的 JavaScript），用来为旧浏览器提供它没有原生支持的较新的功能。

---

概念发明者对polyfill的解释

原文：https://remysharp.com/2010/10/08/what-is-a-polyfill 翻译如下

什么是Polyfill?

polyfill(polyfiller)，指的是一个代码块。这个代码块向开发者提供了一种技术， 这种技术可以让浏览器提供原生支持，抹平不同浏览器对API兼容性的差异。

Polyfill源于什么？为什么要创造Polyfill这个术语？

这个词是在2009年，我编写《介绍HTML5》一书时创造的。当时我坐在一个咖啡店内，突然间想到，我需要一个能够很好地概括“使用JavaScript或Flash或其他的一些手段来支持一些浏览器不原生支持的API”这种行为的词汇。

Shim(垫片)于我而言，意味着一个可以帮助你修复一些功能的代码块，但是这种技术通常会拥有自己的API。我想要的是一种可以随时使用，而且对代码中的其他部分影响不大甚至没有影响的一种技术。记得老版本的shim.gif吗？它需要你真正地插入一张图片来修复空的td元素，我想要的是一种能够自动帮我做这些事情的技术。

我明白我所追求的是不是渐进式增强，因为我正在努力做的baseline需要使用JavaScript和最新技术。所以现有的术语无法满足我的要求。

我同样明白我所追求的并不是一种优雅的退化，因为离开了原生功能和原生的JavaScript（此处假设你的polyfill用的是JavaScript），polyfill也不会正常工作。

所以我想要的是一个简单易懂的词，仅凭字面意思就能大致了解这个词的真正含义。Polyfill这个词恰巧合适，满足了我的所有要求。Poly意味着可以使用多种技术解决这些问题，而并不仅仅局限于使用JavaScript，而fill指"fill"浏览器的漏洞。Polyfill一词同样不局限于"老版本的浏览器"，因为我们也需要"polyfill"新的浏览器。

对我来说，Polyfilla（美国的一种抹墙粉，好奇宝宝点这里了解更多。）是一种糨糊(原文为paste)，可以被抹到墙上来覆盖墙上的裂缝和窟窿。polyfill一词就像是把糨糊抹到浏览器的窟窿里一样，polyfill给我一种可视化修复浏览器的感觉，我非常喜欢。一旦墙变平整了，便可以随心所欲地喷漆或者绘画———正如浏览器的bug都修复了，可以随心所欲地编写代码一样。

我曾得到一些反馈意见，让我"换个词"。但当时的社区非常需要这个词汇。就像我们需要Ajax、HTML5、Web2.0这些词汇一样，我们需要一些词汇来表达我们的想法。无论这些词是否完美,它们都被证明是有用的,开发人员和设计师们可以理解这些概念.

我从没有故意宣传我发明的术语,我只是在很少的几个关键的地方随口提了一下.然而在Polyfill一词被发明几个月后,保罗·艾里什在展示上直接引用了Polyfill这一术语,此时这个术语得到了大量的曝光.(同时Modernizr 的HTML5 shims和polyfill page在推广方面也起到了很大的作用.)

定义

Alex Sexton 将polyfill归纳为一种渐进增强的形式.我认为这是一种很好的总结.

Paul 是这样定义polyfill的:

A shim that mimics a future API providing fallback functionality to older browsers.
模拟未来api的垫片,为旧版本的浏览器提供了应变计划.

一些例子

这里有一个这样的例子:sessionStorage在最新的一些浏览器中可以使用(IE8或更高),但在IE7及更低版本无法使用.

这个polyfill可以用来为老版本浏览器提供sessionStorage的支持.

现在有了polyfiller,作为开发人员,我们可以依赖于使用Web Storage Api(for session)而无需在代码或fork中进行特征测试来处理不同的情况.

另一个例子是为IE提供canvas支持.poly的特性在这个例子中展现的淋漓尽致.如果这里没有原生的canvas,我们可以通过Silverlight提供canvas支持.如果Silverlight不能用的话,我们可以通过excanvas下拉使用VML(注意excanvas实际上包括了一个Silverlight桥,我会期望先使用它进行尝试)。当浏览器并不是原生支持canvas时，使用这两种方法为开发者提供了一个相当可靠的canvas备份。

从哪来,到哪去?

在2010年的早些时候,我与Bruce Lawson合作了<介绍HTML5>一书.在研究期间,我一直在寻找填充缺失API的垫片和和技术.但它们并不是渐进增强的.我想要一个简单的词汇可以代表这么一种想法:这里有一个"东西",可以修补浏览器,但这个东西既不是渐进增强的,也不是优雅降级的.

Polyfill似乎符合我的想法.(在我看来!)

Polyfilla是一个英国的产品,在美国被作抹墙粉(原文为Spackling Paste).考虑到这一点:将浏览器视为一个有裂缝的墙.这些polyfill有助于消除裂缝,为我们提供一个拥有光滑墙壁的浏览器.

在五月份的ThinkVitamin会议上，我在关于HTML5的演讲中使用新的名词，但我并不想极力推广这个名词，因为我比较担心会用力过猛而导致相反的效果。然而我在《介绍HTML5》一书中偷偷使用了这个名词，我猜想可能是由此才导致这个名词被大家了解到。

最近在JS Conf(JavaScript大会)上，Paul Irish发布了Polyfills和shims的列表。这是一份相当棒的资源列表，它可以帮助我们免受旧浏览的困扰。

让我们一起来使用它吧！