- javascript高階特性之-curry化(柯里化)
function multiplyBy (num1) {
return function (num2) {
return num1 * num2
}
}
const multiplyByThree = multiplyBy(3)
const multiplyByFive = multiplyBy(5)
console.log(multiplyByThree(4))
console.log(multiplyByFive(6))
// 參數(shù)curry化
function add2 (...args) {
return args.reduce((total, currentVal) => {
total += currentVal
return total
}, 0)
}
function curry (fn) {
let allArgs = []
return function reFn (...args) {
if (args.length === 0) {
return fn.apply(this, allArgs)
} else {
allArgs = allArgs.concat(args)
return reFn
}
}
}
const curryAdd2 = curry(add2)
console.log(curryAdd2(1)(2)(3)(4,5)())
- javascript高階特性-串行執(zhí)行promises
// 串行執(zhí)行promise
function runPromiseInSequence (arr, input) {
return arr.reduce(
(promiseChain, currentFunction) => promiseChain.then(currentFunction),
Promise.resolve(input)
)
}
function p1 (a) {
return new Promise((resolve, reject) => {
resolve(a * 5)
})
}
function p2 (a) {
return new Promise((resolve, reject) => {
resolve(a * 2)
})
}
function p3 (a) {
return new Promise((resolve, reject) => {
resolve(a * 3)
})
}
function p4 (a) {
return new Promise((resolve, reject) => {
resolve(a * 4)
})
}
const promiseArr = [p1, p2, p3, p4]
runPromiseInSequence(promiseArr, 10).then(console.log)
- javascript高階特性-遞歸fib
function fib (n) {
if (n < 3) return 1
return fib(n - 2) + fib(n - 1)
}
console.log(fib(6))
console.log(fib(10))
//循環(huán)
function fib2 (n) {
let first = 1, second = 1
while (n --> 2) {
[first, second] = [second, first + second]
}
return second
}
console.log(fib(6))
console.log(fib(10))
// 尾調(diào)用優(yōu)化
function fibTail (n, first = 1, second = 1) {
if (n < 3) return second
return fibTail(n - 1, second, (first + second))
}
console.log(fib(6))
console.log(fib(10))
- javascript高階特性-遞歸扁平化數(shù)組
// javascript高階特性-遞歸扁平化數(shù)組
function flat(arr) {
let result = []
(function innerFlat(arr) {
for (let index = 0; index < arr.length; index++) {
const element = arr[index]
if (Array.isArray(element)) {
innerFlat(element)
} else {
result.push(element)
}
}
})(arr)
return result
}
console.log(flat([1, 2]))
function flatWhile(arr) {
let result = []
while (arr.some(item => Array.isArray(item))) {
result = [].concat(...arr)
}
return result
}
console.log(flatWhile(flat([1, [2, 3], [4. [5, 6]]])))
- 數(shù)組和屬性結(jié)構(gòu)的互相轉(zhuǎn)換
- 高階函數(shù):函數(shù)可以作為參數(shù)輸入也可以作為返回輸出
- 函數(shù)緩存
function memo (fn) {
if (typeof fn !== 'function') {
console.error('argument of fn must be a function')
}
const cache = {}
return function (...args) {
const argsStr = args.join('').toString()
if (cache[argsStr]) {
console.log('from cache')
return cache[argsStr]
} else {
console.log('from fn')
return cache[argsStr] = fn.apply(this, args)
}
}
}
function add (a, b, c) {
return a + b + c
}
const memoAdd = memo(add)
console.log(memoAdd(1, 2, 3))
console.log(memoAdd(1, 2, 3))
console.log(memoAdd(1, 2, 5))
- compose函數(shù)作用:前一個函數(shù)的執(zhí)行結(jié)果作為下一個函數(shù)的輸入?yún)?shù)
入?yún)ⅲ汉瘮?shù)集合
function compose (...fns) {
return (...args) => {
return fns.reduce((arg, currentFn) => {
return currentFn.apply(this, Array.isArray(arg) ? arg : [arg])
}, args)
}
}
function fn1 (...args) {
return args.reduce((total, current) => {
total += current
return total
})
}
function fn2(arg) {
return 2 * arg
}
function fn3(arg) {
return arg + 'aaa'
}
const res = compose(fn1, fn2, fn3)(1, 2, 3)
console.log(res)
- 異步compose函數(shù)
function createAsyncFn(delay) {
return function (...lastResult) {
return new Promise((resolve, reject) => {
setTimeout(() => {
const res = lastResult.reduce((total, val) => {
total += val
return total
})
resolve(res)
}, delay)
})
}
}
const asyncFn1 = createAsyncFn(1000)
const asyncFn2 = createAsyncFn(1000)
const asyncFn3 = createAsyncFn(1000)
const asyncFn4 = function (...lastResult) {
return new Promise((resolve, reject) => {
setTimeout(function() {
const res = lastResult.join('') + '_asyncFn4'
resolve(res)
}, 1000)
// resolve(lastResult.join('') + '_asyncFn5')
})
}
const asyncFn5 = function (...lastResult) {
return new Promise(function(resolve, reject) {
resolve(lastResult.join('') + '_asyncFn5')
})
}
function asyncCompose(...asyncFns) {
return function (...args) {
return asyncFns.reduce((prev, next) => {
return prev.then(function(lastResult){
return next.apply(null, Array.isArray(lastResult) ? lastResult : [lastResult])
})
}, Promise.resolve(args))
}
}
const asyncRes = asyncCompose(asyncFn1, asyncFn2, asyncFn3, asyncFn4, asyncFn5)(1, 2, 3)
asyncRes.then(res => {
console.log('final result:' + res)
})
- 惰性求值 lazy evaluate