在JavaScript的世界里,有两个词经常被提到,shim和polyfill,它们指的都是什么呢?
- shim
一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现。
比如:google和github上都有一段用于兼容ie等低版本浏览器的html标签库 html5shiv,ps: shim有时也叫shiv。
Vue响应式原理中说道:Object.defineProperty是Es5中无法shim的特性,那么这里的shim是什么呢?
文档的意思就是,Object.defineProperty这个特性是无法使用低级浏览器中的方法来实现的,所以Vue不支持IE8以及更低版本的浏览器。
- polyfill
一个polyfill是一段代码(或者插件),提供了那些开发者们希望浏览器原生提供支持的功能。
我们通常的做法是,先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill,然后新旧浏览器就都可以使用这个API了。
es5-shim是什么?
es5-shim是一个shim,而不是polyfill。因为它是在ECMAScript 3的引擎上实现了ECMAScript 5的新特性,而且在Node.js上和在浏览器上有完全相同的表现。(注:因为它能在Node.js上使用,不光浏览器上,所以它不是polyfill)。