函数柯里化
函数柯里化
含义:
可以大概理解为: 将fn(a,b,c)转换为fn(a)(b)(c)
原函数:
function sum(a,b){
return a+b
}
console.log(sum(1,2))
柯里化后:
function sum(a) {
return function (b) {
return a + b
}
}
console.log(sum(1)(2));
.
.
.
面试题
函数sum实现, 接收参数为5个时即实现累加, 满足以下几个要求:
sum(1)(2)(3)(4)(5) //输出15
sum(1)(2,3)(4)(5) //也输出15
sum(1)(2,3,4)(5) //也输出15
sum(1)(2,3)(4,5) //也输出15
.
思路: 保存不定长的参数, 如果数组长度达到5即实现累加, 否则返回函数
使用slice(数组下标前闭后开)
截取并浅拷贝返回一个新数组
使用reduce((累加器, 当前值)=>累加器+当前值, 初始值)
实现数组累加
let nums = []
function sum(...args) {
nums.push(...args)
if (nums.length >= 5) {
// 仅累加前5个
const res = nums.slice(0, 5).reduce((p, v) => p + v, 0)
nums = []
return res
} else {
return sum
}
}
.
.
调优: 参数累加的个数可以进行自定义, 这里使用了闭包
function sumCounter(count) {
let nums = []
function sum(...args) {
nums.push(...args)
if (nums.length >= count) {
const res = nums.slice(0, count).reduce((p, v) => p + v, 0)
nums = []
return res
} else {
return sum
}
}
return sum
}
.
.
实际应用
参数复用: 为函数预制通用的参数, 供多次重复调用
// // 有如下4个函数
// function isUndefined(thing) {
// return typeof thing === 'undefined'
// }
// function isNumber(thing) {
// return typeof thing === 'number'
// }
// function isString(thing) {
// return typeof thing === 'string'
// }
// function isFunction(thing) {
// return typeof thing === 'function'
// }
// 改为通过 typeOfTest 生成:
const typeOfTest = function (type) {
// 1. 复用类型判断函数逻辑
// 2. 动态传入判断的类型
function isUndefined(thing) {
return typeof thing === type
}
return isUndefined
}
const isUndefined = typeOfTest('undefined')
const isNumber = typeOfTest('number')
const isString = typeOfTest('string')
const isFunction = typeOfTest('function')
// 可以通过 isUndefined,isNumber,isString,isFunction 来判断类型:
isUndefined(undefined) // true
isNumber('123') // false
isString('memeda') // true
isFunction(() => { }) // true
可以简化修改为:
const typeOfTest = type => thing => typeof thing === type