js有两个词经常被提到,shim和polyfill,它们指的是什么呢?
shim
一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现。
例如:google和github上都有一段用于兼容IE等低版本浏览器的html标签库 html5shiv(html5shiv是一个针对 IE 浏览器的 HTML5 JavaScript 补丁,目的是让 IE 识别并支持 HTML5 元素)。
备注: shim有时也叫shiv。
Vue响应式原理中提到:Object.defineProperty是ES5中无法shim的特性,意思是Object.defineProperty这个特性是无法使用低级浏览器中的方法来实现的,所以Vue不支持IE8以及更低版本的浏览器。
polyfill
一个polyfill是一段代码(或者插件),提供了那些开发者们希望浏览器原生提供支持的功能。
通常的做法是,先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill,然后新旧浏览器就都可以使用这个API了。