javascript中的polyfill是什么，polyfill和babel的关系

首先我们看看这个单词的意思

好像也没有解释啥，但是给人的感觉是一种用来补充，优化的东西。

没错在js中也正有这个意思

js中的polyfill用来表示，根据新特性的定义，创建一段与之行为等价，但是能够在旧的js环境中运行的代码。

简言之，polyfill 是用旧语法重写新版本新增的方法(api)，以兼容旧版浏览器。

所以，在之前我们还需要考虑兼容 ie的时候，用es6语法写代码时，会经常用到这个。

polyfill是一个js脚本，我们可以只针对一个方法引入，比如promise引入相应的polyfill，也可以引入一整个文件，一般来说我们会使用现成的npm包，有很多包供我们选择

比如只引入promise的polyfill，可以使用 promise-polyfill

npm i promise-polyfill

常用的还有

npm i babel-polyfill

还有一个babel，是我们常见的做低版本兼容的工具包，babel和polyfill的区别在于

babel只转化新的语法，不负责实现新版本js中新增的api
polyfill 负责实现新版本js中新增的api
所以在兼容的时候一般是 babel + polyfill都用到，所以babel-polyfill 一步到位

更多关于babel的知识，可以看这篇文章

【前端工程化】babel到底是个什么，了解babel的功能, 了解core-js_我有一棵树的博客-CSDN博客_babel corejsbabel到底是个什么，了解babel的功能https://blog.csdn.net/qq_17335549/article/details/126978888

javascript中的polyfill是什么，polyfill和babel的关系相关推荐

Javascript中的原型链、prototype、__proto__的关系
javascript 2016-10-06 1120 9 上图是本宝宝用Illustrator制作的可视化信息图,希望能帮你理清Javascript对象与__proto__.prototype和 ...
在 JavaScript 中 0 与 1 和 true 与 false 的关系
console.log(true == 1); // true console.log(false == 0); // true console.log(true === 1); // false c ...
深入理解JavaScript中的属性和特性
深入理解JavaScript中的属性和特性 JavaScript中属性和特性是完全不同的两个概念,这里我将根据自己所学,来深入理解JavaScript中的属性和特性. 主要内容如下: 理解JavaSc ...
如何检查JavaScript中的数字是否为NaN？
我只是在Firefox的JavaScript控制台中尝试过,但是以下任何一条都不返回true: parseFloat('geoff') == NaN;parseFloat('geoff') == Nu ...
在JavaScript中使用正好两位小数格式化数字
我有这行代码将我的数字四舍五入到小数点后两位. 但是我得到这样的数字:10.8.2.4等.这些不是我对小数点后两位的想法,因此我如何改善以下内容? Math.round(price*Math.pow( ...
JavaScript中的HTTP GET请求？
我需要在JavaScript中执行HTTP GET请求. 最好的方法是什么? 我需要在Mac OS X破折号小部件中执行此操作. #1楼上面有很多很棒的建议,但不是很可重用,并且经常被DOM废话和其 ...
JavaScript中的endsWith
如何在JavaScript中检查字符串是否以特定字符结尾? 示例:我有一个字符串 var str = "mystring#"; 我想知道该字符串是否以#结尾. 我该如何检查? Ja ...
遍历JavaScript中的数组
在Java中,可以使用for循环遍历数组中的对象,如下所示: String[] myStringArray = {"Hello", "World"}; for ...
在JavaScript中逐个遍历数组？
如何使用JavaScript遍历数组中的所有条目? 我以为是这样的: forEach(instance in theArray) 其中theArray是我的数组,但这似乎是不正确的. #1楼如果您不 ...
详解Javascript中的Array对象
本文地址:http://luopq.com/2016/04/01/Array-in-Javascript/,转载请注明在上一篇文章中,我们详细介绍了Object对象.在这一篇文章中,我们来说说Arr ...

javascript中的polyfill是什么，polyfill和babel的关系

javascript中的polyfill是什么，polyfill和babel的关系相关推荐

最新文章

热门文章