你可能不再需要Underscore
过去几年像 Underscore 和 lodash 等库进入许多JavaScript程序员的工具函数中。虽然这些工具库可以使你的代码写起来更容易,但是他们不一定使代码更简单或更容易理解。
各种工具函数库层出不穷,每个工具库的写法也各有不同,这样给阅读和维护你代码的人也带来了一定的困难,以为他必须了解你使用的这个这个工具库的函数做了什么事情。
JavaScript不断发展,新ES2015和ES2016版本(以前分别称为ES6和ES7)包了一堆新功能特性,并很容易使用它们。这些特性使得工具库以前的一些基本功能已经过时。
所以你可能不再需要Underscore。
例子:
这些例子说明,ES5.1,ES2015和ES2016做这些事情很容易,你可能不需要一个实用程序库了。ES5已经得到了所有现代浏览器和node.js的支持,要是想支持传统浏览器(比如IE8),还需要像es-shim这样的帮助脚本。
Arrays(数组)
Iterate(迭代)
- Underscore
- _.each(array, iteratee)
- ES5.1
- array.forEach(iteratee)
Map
- Underscore
- _.map(array, iteratee)
- ES5.1
- array.map(iteratee)
Find(查找)
- Underscore
- _.find(array, predicate)
- ES2015
- array.find(predicate)
Get a property from each element in an array(萃取数组对象中某属性值)
- Underscore(注:pluck也许是map最常使用的用例模型的简化版本,即萃取数组对象中某属性值,返回一个数组。)
- _.pluck(array, propertyName)
- ES2015
- array.map(value => value[propertyName])
Check if array includes an element(检查数组中是否包含某个元素)
- Underscore
- _.contains(array, element)
- ES2016
- array.includes(element)
Convert an array-like object to array(把一个类数组转换成一个数组)
- Underscore
- _.toArray(arguments)
- ES2015
- Array.from(arguments)
Create a copy of an array with all falsy values removed.(返回一个除去所有false值的 array副本)
- Underscore
- _.compact(array)
- ES2015
- array.filter(x => !!x)
Create a copy of an array with duplicates removed(返回 array去重后的副本)
- Underscore
- _.uniq(array)
- ES2015
- [...new Set(array)]
Find the index of a value in an array(查找某个值在 array 中的索引值)
- Underscore
- _.indexOf(array, value)
- ES5.1
- array.indexOf(value)
Create an array with n numbers, starting from x(创建一个 N个数字数组,从x开始)
- Underscore
- _.range(x, x + n)
- ES2015
- Array.from({ length: n }, (v, k) => k + x)
Objects(对象)
Names of own enumerable properties(枚举自身的属性名)
- Underscore
- _.keys(object)
- ES5.1
- Object.keys(object)
Names of all enumerable properties(枚举所有的属性名,包括继承过来的)
- Underscore
- _.allKeys(object)
- ES2015
- Reflect.enumerate(object) // 返回一个迭代器
Values(值)
- Underscore
- _.values(object)
- ES5.1
- Object.keys(object).map(key => object[key])
Create a new object with the given prototype(创建具有给定原型的新对象)
- Underscore
- _.create(proto, propertiesObject)
- ES5.1
- Object.create(proto, propertiesObject)
Create a new object from merged properties(创建一个合并属性后的新对象)
- Underscore
- _.extend({}, source, { a: false })
- ES2016
- { ...source, a: false }
Create a shallow clone of an object(创建一个浅拷贝对象)
- Underscore
- _.clone(object)
- ES2016
- { ...object }
Check if an object is an array(检查一个对象是否是一个数组)
- Underscore
- _.isArray(object)
- ES5.1
- Array.isArray(object)
Check if an object is a finite Number(检查一个对象是否是一个有限的数字)
- Underscore
- _.isFinite(object)
- ES2015
- Number.isFinite(object)
Functions(函数)
Bind a function to an object(给对象绑定一个函数)
- Underscore
- foo(function () {
- this.bar();
- }.bind(this));
- foo(_.bind(object.fun, object));
- ES2015
- foo(() => {
- this.bar();
- });
- foo(object.fun.bind(object));
- ES2016
- foo(() => {
- this.bar();
- });
- foo(::object.fun);
Utility(使用功能)
Identity function(迭代行数)
- Underscore
- _.identity
- ES2015
- value => value
A function that returns a value(返回值的函数)
- Underscore
- const fun = _.constant(value);
- ES2015
- const fun = () => value;
The empty function(空函数)
- Underscore
- _.noop()
- ES2015
- () => {}
任何疑问? Send us a pull request on GitHub!
PS:主要内容译自:https://www.reindex.io/blog/you-might-not-need-underscore
你可能不再需要Underscore的更多相关文章
- ES2015 (ES6)
是时候使用ES 2015了 你可能不再需要Underscore BABEL Grunt 先 babel 再用 babel 后的文件 uglify 去掉严格模式.严格模式下全局的this转成了undef ...
- underscore源码解析 (转载)
转载出自http://www.cnblogs.com/human/p/3273616.html (function() { // 创建一个全局对象, 在浏览器中表示为window对象, 在Node.j ...
- underscore源码解析
(function() { // 创建一个全局对象, 在浏览器中表示为window对象, 在Node.js中表示global对象 var root = this; // 保存"_" ...
- Underscore.js 源码学习笔记(下)
上接 Underscore.js 源码学习笔记(上) === 756 行开始 函数部分. var executeBound = function(sourceFunc, boundFunc, cont ...
- 跟着underscore学防抖
前言 在前端开发中会遇到一些频繁的事件触发,比如: window 的 resize.scroll mousedown.mousemove keyup.keydown -- 为此,我们举个示例代码来了解 ...
- Underscore.js部分讲解
underscore是非常好用的封装库,大小只有4KB,大多插件都是以underscore为基础: underscore分5大部分:集合:数组:函数:对象:工具 集合:集合就是伪数组,虽然长的和数组一 ...
- underscore.js源码解析(二)
前几天我对underscore.js的整体结构做了分析,今天我将针对underscore封装的方法进行具体的分析,代码的一些解释都写在了注释里,那么废话不多说进入今天的正文. 没看过上一篇的可以猛戳这 ...
- 利用Underscore求数组的交集、并集和差集
1 数组交集函数——intersection 数组的交集是指包含多个数组中的共同元素的一个数组,求数组的交集就是找出给定数组中的共有元素. 下面实现一个求两个数组交集的函数. 判断数组是够包含指定值, ...
- 理解Underscore中的节流函数
上一篇中讲解了Underscore中的去抖函数(_.debounced),这一篇就来介绍节流函数(_.throttled). 经过上一篇文章,我相信很多人都已经了解了去抖和节流的概念.去抖,在一段连续 ...
随机推荐
- sql语句的join用法
sql的join分为三种,内连接.外连接.交叉连接. 以下先建2张表,插入一些数据,后续理解起来更方便一些. create table emp(empno int, name char(20),dep ...
- 关于android的单位dp与px
原文:Android中dp和px之间进行转换 官方文档:http://developer.android.com/guide/practices/screens_support.html The de ...
- java的final用法
转自:http://blog.163.com/maomaoyu_1012/blog/static/19060130520116269329894/ 1. 修饰基础数据成员的final ...
- php支付宝接口用法
现在流行的网站支持平台,支付宝当仁不让的老大了,现在我们就来告诉你如何使用支付宝api来做第三方支付,把支付宝放到自己网站来, alipay_config.php配置程序如下: <?php */ ...
- Bootstrap 排版 笔记
Bootstrap 使用 Helvetica Neue. Helvetica. Arial 和 sans-serif 作为其默认的字体栈. 使用 Bootstrap 的排版特性,您可以创建标题.段落. ...
- phpcms调用一级栏目和二级栏目
{loop subcat(,,,$siteid) $r} {php $num++} <strong><a href=} <br /> {elseif $n!=$c} | ...
- 初识VSTO Addin开发
这篇博客将简单介绍一些VSTO Addin开发的知识. 1. VSTO是什么?我们可以用VSTO做什么? VSTO全称Visual Studio Tool for Office,是可以让我们针对现有的 ...
- hdu 4293 2012成都赛区网络赛 dp ****
题意:有n个人,可任意分成若干组,然后每个人个各提供一个信息,表示他们组前面有多少人,后面有多少人.问最多有多少个信息是不冲突的. 将n个人看成一组区间,然后每个人的信息可以表示为该人所在组的区间,然 ...
- 卸载Eclipse安装的插件
背景:先前安装过Java Decompiler,不知道怎么弄的eclipse出问题之后不能用了,折腾了几次都没弄好,这次准备把这个插件先卸掉再装一次,结果发现,卸也卸不掉,最终是强制删除,以下为试过的 ...
- 建造者模式与原型模式/builder模式与prototype模式/创建型模式
建造者模式 定义 用于简化复杂对象的创建 JDK中的建造者模式 java.lang.StringBuilder中的append()方法,每次调用后返回修改后的对象本身. public StringBu ...