超实用的 JavaScript 函数代码片段

Chain asynchronous functions (链式调用异步函数)

循环遍历包含异步事件的函数数组,每次异步事件完成后调用 next 。

  1. const chainAsync = fns => { let curr = 0; const next = () => fns[curr++](next); next(); };
  2. /*
  3. chainAsync([
  4. next => { console.log('0 seconds'); setTimeout(next, 1000); },
  5. next => { console.log('1 second'); setTimeout(next, 1000); },
  6. next => { console.log('2 seconds'); }
  7. ])
  8. */


Curry (函数式编程术语:柯里化)

使用递归。 如果提供的参数(args)数量足够,调用传递函数 fn 。否则返回一个柯里化后的函数 fn ,期望剩下的参数。如果你想柯里化一个接受可变参数数量的函数(可变参数数量的函数,例如 Math.min() ),你可以选择将参数个数传递给第二个参数 arity

  1. const curry = (fn, arity = fn.length, ...args) =>
  2. arity < = args.length
  3. ? fn(...args)
  4. : curry.bind(null, fn, arity, ...args);
  5. // curry(Math.pow)(2)(10) -> 1024
  6. // curry(Math.min, 3)(10)(50)(2) -> 2


Pipe (函数式编程术语:管道或导流)

使用 Array.reduce() 来执行从左到右的函数组合。第一个(最左边的)函数可以接受一个或多个参数;其余的函数必须是一元函数。

  1. const pipe = (...fns) => fns.reduce((f, g) => (...args) => g(f(...args)));
  2. /*
  3. const add5 = x => x + 5
  4. const multiply = (x, y) => x * y
  5. const multiplyAndAdd5 = pipe(multiply, add5)
  6. multiplyAndAdd5(5, 2) -> 15
  7. */


Promisify (柯里化一个 Promise 函数)

使用柯里化返回一个函数,这个函数返回一个调用原始函数的 Promise 。 使用 ...rest 运算符传入所有参数。

在 Node 8+ 中,你可以使用 util.promisify

  1. const promisify = func =>
  2. (...args) =>
  3. new Promise((resolve, reject) =>
  4. func(...args, (err, result) =>
  5. err ? reject(err) : resolve(result))
  6. );
  7. // const delay = promisify((d, cb) => setTimeout(cb, d))
  8. // delay(2000).then(() => console.log('Hi!')) -> Promise resolves after 2s


Run promises in series (运行连续的 promises)

使用 Array.reduce() 通过创建 promise 链来运行连续的 promises,其中每个 promise 在 resolved 时返回下一个 promise 。

  1. const series = ps => ps.reduce((p, next) => p.then(next), Promise.resolve());
  2. // const delay = (d) => new Promise(r => setTimeout(r, d))
  3. // series([() => delay(1000), () => delay(2000)]) -> executes each promise sequentially, taking a total of 3 seconds to complete


Sleep (休眠)

延迟执行 async 函数的一部分,通过把它放到 sleep 状态,返回一个 Promise 。

  1. const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
  2. /*
  3. async function sleepyWork() {
  4. console.log('I\'m going to sleep for 1 second.');
  5. await sleep(1000);
  6. console.log('I woke up after 1 second.');
  7. }
  8. */



猜你喜欢

转载自blog.csdn.net/qq_26522773/article/details/79298392