什么是 polyfill

初次了解 polyfill 这个词,是在一次面试中,题目是使用数组的reduse方式实现map方法,全世界使用着许多不同的浏览器和版本的浏览器,每个浏览器都具有与其他浏览器完全不同的功能集。这会使浏览器开发成为一项艰巨的任务。流行浏览器的最新版本可以完成许多旧浏览器无法完成的任务-但您可能仍必须支持旧浏览器。通过尝试使用 polyfills 重新创建缺少的功能,Polyfill.io 使支持不同的浏览器变得更简单:您可以在支持或不支持的浏览器中利用最新和最强大的功能。

如 vue 中对 bind 的 polyfill 代码如下

function polyfillBind(fn, ctx) {
 function boundFn(a) {
 const l = arguments.length;
 return l
 ? l > 1
 ? fn.apply(ctx, arguments)
 : fn.call(ctx, a)
 : fn.call(ctx);
 }

 boundFn._length = fn.length;
 return boundFn;
}

function nativeBind(fn, ctx) {
 return fn.bind(ctx);
}
const bind = Function.prototype.bind ? nativeBind : polyfillBind;

常用对 polyfill 方法

babel-polyfill

提供完整的 ES2015+环境

polyfill.io

polyfill.io 它是一个接口,它接受一组浏览器功能的请求,并仅返回请求浏览器所需的 polyfill