充满fp与oop的ECMAScript6

这篇博客是看阮一峰老师出品的《ECMAScript6入门》读后感

    看完这本书的第一感觉是,ECMAScript6(以下简称ES6)添加了许多函数式编程和面向对象编程的特性。下面把ES6中涉及到fp和oop的特性总结出来。

    函数式编程:

  •     数组实例的find()和findIndex()
    数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数,所有数组元素依次遍历该回调函数,直到找出第一个返回值为true的元素,然后返回该元素么否则返回undefined。
[1, 5, 10, 15].find(function (value, index, arr) {
    return value > 9;
}) //返回10

上面的回调函数接受三个参数,依次是当前的值、当前的位置和原数组。

数组实例的findIndex()与find()用法非常像,返回第一个符合条件的数组元素的位置,如果都不符合,返回-1。

[1, 5, 10, 15].findIndex( function (vaule, index, arr) {
    return vaule > 9;
}) // 2

find()和findIndex()都可以接受第二个参数,用来绑定回调函数的this对象。
另外,这两个方法都可以发现NaN,从而弥补了IndexOf()的不足。
[NaN].indexOf(NaN)
// 1
[NaN].findIndex(y => Object.is(NaN, y))
// 0

未完待续。。。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值