Polyfill你可以理解為“膩子”，就是裝修的時候，可以把缺損的地方填充抹平。
舉個例子，html5的storage(session,local), 不同瀏覽器，不同版本，有些支援，有些不支援。
我們又想使用這個特性，怎麼辦？
有些人就寫對應的Polyfill（Polyfill有很多），幫你把這些差異化抹平，不支援的變得支援了（簡單來講，寫些程式碼判斷當前瀏覽器有沒有這個功能，沒有的話，就寫一些支援的補丁程式碼）。
你只需要把需要的Polyfill引入到你的程式裡，就可以了。
比如下面就是對html5各個特性支援的Polyfill,你需要哪個，就引入哪個。當然，你也可以自己寫 ：）
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
舉個例子，有些舊瀏覽器不支援Number.isNaN方法，Polyfill就可以是這樣的：
if(!Number.isNaN) {
Number.isNaN = function(num) {
return(num !== num);
}
}
啥意思呢，就是假如瀏覽器沒有Number.isNaN方法，那我們們就給它新增上去，所謂Polyfill就是這樣解決API的相容問題的。
shim和polyfill有什麼區別
在JavaScript的世界裡,有兩個詞經常被提到,shim和polyfill.它們指的都是什麼,又有什麼區別?
一個shim是一個庫,它將一個新的API引入到一箇舊的環境中,而且僅靠舊環境中已有的手段實現
一個polyfill就是一個用在瀏覽器API上的shim.我們通常的做法是先檢查當前瀏覽器是否支援某個API,如果不支援的話就載入對應的polyfill.然後新舊瀏覽器就都可以使用這個API了.術語polyfill來自於一個裝潢產品Polyfilla:
Polyfilla是一個英國產品,在美國稱之為Spackling Paste(譯者注:刮牆的,在中國稱為膩子).記住這一點就行:把舊的瀏覽器想象成為一面有了裂縫的牆.這些[polyfills]會幫助我們把這面牆的裂縫抹平,還我們一個更好的光滑的牆壁(瀏覽器)
Paul Irish釋出過一個Polyfills的總結頁面“HTML5 Cross Browser Polyfills”.es5-shim是一個shim(而不是polyfill)的例子,它在ECMAScript 3的引擎上實現了ECMAScript 5的新特性,而且在Node.js上和在瀏覽器上有完全相同的表現(譯者注:因為它能在Node.js上使用,不光瀏覽器上,所以它不是polyfill).
前端真是萬年坑。。。