常用函数式方法实现原理

前言

大家在日常开发中会用到许多原生的js常用方法,以及一些函数式类库里面的一些js函数方法,使用过程中能极大的提高的我们的开发效率,简化逻辑,提高代码可读性。

但是,很多人都没有关注过这些函数方法的实现原理,这篇文章我会持续更新,把我常用的一些js函数,用函数式编程的方式实现出来。

Functional.js

const forEach = (array, fn) => {
  let i
  for (i=0; i<array.length; i++) {
    fn(array[i])
  }
}

const forEachObj = (obj, fn) => {
  for (let property in obj) {
    if (obj.hasOwnProperty(property)) {
      fn(property, obj[property])
    }
  }
}

const unless = (predicate, fn) => {
  if (!predicate) {
    fn();
  }
}

const times = (times, fn) => {
  for (let i=0; i<times; i++) {
    fn(i);
  }
}

const every = (arr, fn) => {
  let result = true
  for (value of arr) {
    result = result&&fn(value)
    if (!result) break
  }
  return result
}

const some = (arr, fn) => {
  let result = false
  for (value of arr) {
    result = result||fn(value)
    if (result) break
  }
  return result
}

const sortBy = (property) => {
  return (a, b) => {
    return a[property]<b[property] ? -1 : (a[property]>b[property] ? 1 : 0)
  }
}

const tap = (value) =>
  (fn) => (
    typeof(fn) === 'function' && fn(value),
    console.log(value)
  )
复制代码

持续更新中。。。

转载于:https://juejin.im/post/5ce162fb6fb9a07f0b0392e2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值