为什么要用PolyFill（JS中的修补匠）

var users = [{name:”zhangsan”,age:18},{name:”jack”,age:20}];
这是一个对象数组。如果我们要查询名字为”jack”用户的年龄、常用的办法是什么？
很多同学会想到遍历这个数组。

我们来看看新的语法：

var getUser = users.find(function(finder){
return finder.name = "jack"
});
1
2
3
注意
1.这种新的语法目前被纳入了ES2015;
2.但是我之前使用的babel转换器只会转化新的句法，对一些API不转化。请查看http://babeljs.io/#polyfill （我们之前的Promise也是）;
3.同时你如果要直接在网页中赤裸裸的写这种代码，那么有些浏览器是不兼容的。这时babel-polyfill库就产生了。它起到了一个”修补”作用;
比如你执行了find方法，如果浏览器不支持，它就会自动帮你处理为”循环遍历”；
4.这就好比jquery修补了ajax（针对不同的浏览器启用不同的xmlhttp对象）。

那么如何使用babel-polyfill这个工具呢？
安装：$ npm install --save-dev babel-polyfill
然后我们引入

转载于:https://www.cnblogs.com/Jeely/p/11130364.html

为什么要用PolyFill（JS中的修补匠）相关推荐

js中的转译_JavaScript中的填充和转译
js中的转译 JavaScript is rapidly advancing. Today it's the most popular programming/scripting language t ...
js中当等于最小值是让代码不执行_从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理...
前言见解有限,如有描述不当之处,请帮忙及时指出,如有错误,会及时修正. ----------超长文+多图预警,需要花费不少时间.---------- 如果看完本文后,还对进程线程傻傻分不清,不清楚浏 ...
[转]JavaScript/Node.JS 中的 Promises
JavaScript Promises 初体验 Promise 是什么? Promise 对象用来进行延迟(deferred) 和异步(asynchronous) 计算. 一个 Promise 处于 ...
JS中使用FormData上传文件、图片的方法
参考博客:http://www.cnblogs.com/xiaohuochai/p/6543019.html http://www.cnblogs.com/qcloud1001/p/6839541.h ...
在js中使用HashMap数据结构，在js中使用K,V数据结构
首先是定义一个HashMap方法,做基类(复制在js中即可,然后引用) //简单的哈希表,begin function HashMap() {/** Map 大小 * */var size = 0;/ ...
[JavaScript] 探索JS中的函数秘密
函数长啥样? 把一些要重复使用的内容封装到函数内. function foo(title) {console.log(title) } foo('title') foo('dust') foo('he ...
在node.js中，使用基于ORM架构的Sequelize，操作mysql数据库之增删改查
Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...
在JS中最常看到切最容易迷惑的语法(转)
发现一篇JS中比较容易迷惑的语法的解释,挺有用的,转载下,与大家分享: js中大括号有四种语义作用语义1,组织复合语句,这是最常见的 Js代码 if( condition ) { //... }e ...
js去el的map_转：el表达式获取map对象的内容 js中使用el表达式 js 中使用jstl 实现 session.removeattribute...
原文链接: 总结: el表达式获取map对象的内容后端: HashMap map1 = new HashMap(); map1.put("key1","lzsb&quo ...

为什么要用PolyFill（JS中的修补匠）

为什么要用PolyFill（JS中的修补匠）相关推荐

最新文章

热门文章