javascript高階特性

    1. 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)())
  1. 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)
  1. 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))
  1. 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]]])))
  1. 數(shù)組和屬性結(jié)構(gòu)的互相轉(zhuǎn)換
  2. 高階函數(shù):函數(shù)可以作為參數(shù)輸入也可以作為返回輸出
  3. 函數(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))
  1. 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)
  1. 異步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)
})
  1. 惰性求值 lazy evaluate
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • [toc] 第一部分 函數(shù)式思想 第 1 章 走近函數(shù)式 函數(shù)式思想什么是函數(shù)式編程以及為什么要進行函數(shù)式編程不變...
    TWLESVCNZ閱讀 822評論 0 1
  • 1. 什么是函數(shù)式編程 函數(shù)式編程(Functional Programming, FP),F(xiàn)P是編程范式之一,我...
    zxhnext閱讀 1,967評論 1 48
  • 1.數(shù)據(jù)類型 1.1概念篇 7種原始數(shù)據(jù)類型 引用類型 null是對象嗎?為什么? 結(jié)論: null不是對象 解釋...
    859z閱讀 450評論 0 0
  • 包(lib)、模塊(module) 在Python中,存在包和模塊兩個常見概念。 模塊:編寫Python代碼的py...
    清清子衿木子水心閱讀 3,906評論 0 27
  • 最近在學習函數(shù)式編程,整個 team 都在啃一本叫《Mostly adequate guide》的函數(shù)式編程教材,...
    anOnion閱讀 4,224評論 3 5

友情鏈接更多精彩內(nèi)容