为什么要用PolyFill(JS中的修补匠)
var users = [{name:”zhangsan”,age:18},{name:”jack”,age:20}];
这是一个对象数组。如果我们要查询名字为”jack”用户的年龄、常用的办法是什么?
很多同学会想到遍历这个数组。
我们来看看新的语法:
var getUser = users.find(function(finder){
return finder.name = "jack"
});
注意
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
然后我们引入
var users = [{name:"zhangsan",age:18},{name:"jack",age:20}];
var getUser = users.find(function(finder){
return finder.name = "jack"
});
console.log(getUser.age);
这样就兼容浏览器了
本文学习自:https://blog.csdn.net/github_26672553/article/details/52138298
本文转载自:https://www.jianshu.com/p/3c0359285d77
最新文章
- ubuntu系统虚拟机下共享文件夹
- CRUD操作
- 在Andoid开发中使用MVP模式来解耦,增加可测试性
- 如果用css的border属性画一个三角形
- RTC时钟
- codeforces 744C Hongcow Buys a Deck of Cards
- CSS+DIV 设计一个简单的个人网页界面
- plain framework 1 参考手册 入门指引之 代码风格
- angular指令大全
- iOS及Mac开源项目和学习资料【超级全面】
- Oracle11G登录时提示:ORA-12557: TNS:协议适配器不可加载
- Meteor 简介
- linux启动黑屏或无法进入会话管理器
- 面试:如何找出字符串的字典序全排列的第N种
- 理想与现实——观电影《Dead Poets Society》有感
- J2EE中MVC的各层的设计原则及其编写注意事项
- PS图像特效算法——镜像渐隐
- 微信小程序录音实现
- JMeter 测试中,使用 JDBC 查询条件为中文时解决办法
- swift 有道 翻译文档(1 定义变量常量,数组字典)
热门文章
- linux不同终端的操作是如何在messages日志中区分的
- python数据结构与算法第八天【冒泡排序】
- 使用PHP对二维索引数组进行排序
- PLSQL 汉化
- codeforces1096G Lucky Tickets
- npm 常规错误
- github Permission denied (publickey). fatal: Could not read from remote repository.
- IDEA+Springboot+JRebel热部署实现
- 【LOJ6053】简单的函数(min_25筛)
- HDU6333 Harvest of Apples (杭电多校4B)