🍛 Что, черт возьми, карри? футов Javascript

Я знаю, что вы слюноотделение, возможно, мир разработчиков стал слишком вкусным с Jamstack, и теперь я говорю о Карри? Поэтому, прежде чем вы сможете до смерти с этими чудесами Dev World, позвольте мне представить вас тем, что в целом является карри.

Карринг был назван в честь Haskell Curry , по сути, завод, так это выполнение функции, которая принимает несколько параметров и преобразует ее в функцию, которая принимает только один параметр и возвращает функцию, которая затем принимает следующий параметр.

Карри не зависит от JavaScript, это также математическая вещь, как функция (Помните хорошего ол (x)?)

// Not curried
const add = (x, y) => x + y

// Curried
const add = x => y => x + y
const addFive = add(5)
addFive(6) // 11

Как вы можете видеть, используя карри, мы смогли иметь функции, которые более определенные в том, что они делают, это, в свою очередь, значительно упрощает наш код.

С помощью каррики мы можем по существу предварительно загруженную функции с аргументом, чтобы получить новую функцию, которая помнит эти аргументы.

Давайте сделаем функцию, которая может помочь нам в привлечении других функций. Теперь обратите пристальное внимание, Эта функция будет выполнять функцию фн и вернуть функцию $ curry Это берет один аргумент и выполняет работу функции фн .

Давайте сделаем это шаг за шагом

// This function takes a function `fn` as a parameter.
function curry(fn) {
  // Let us determine the arity of `fn`
  // Arity is the number of parameter taken by `fn`
  const arity = fn.length

  // ...
}

function curry(fn) {
  const arity = fn.length

  // Let's return the $curry function.
  // Let's have all the arguments ( ...args ) being passed in $curry
  // Remember we are returning a function so we can pass args in it.
  return function $curry(...args) {
    // ...
  }
}

function curry(fn) {
  const arity = fn.length
  return function $curry(...args) {
    // Let's return the function with all the passed arguments.
    // This code maybe stupid until you read the next para...
    return $curry.bind(null, ...args)

    // ...
  }
}

Мы не можем просто продолжать возвращать функции и функции, которые нам нужен результат. Пусть он будет добавлять цифры вместе и получить выход.

Давайте добавим условие для этого.

function curry(fn) {
  const arity = fn.length
  return function $curry(...args) {
    if (args.length < arity) {
      return $curry.bind(null, ...args)
    }
    return fn.call(null, ...args)
  }
}

Сравнивая длину аргументов args.length Мы можем знать, сколько аргументов было передано в функции.

Все станет более ясным, поскольку я демонстрирую, как мы используем карри Функция для привлечения других функций, которые принимают несколько параметров.

Ради простоты давайте возьмем Добавить функция, которая принимает 3 значения (параметры) и добавляет их вместе.

const add = (x, y, z) => x + y + z

const curriedAdd = curry(add)

const addFive = curriedAdd(5) // args.length = 1

const addFiveAndSix = addFive(6) // args.length = 2

const output = addFiveAndSix(8) // args.length = 3

// The funciton can be called now as `args.length` < arity is false.
console.log(output) // 19

args.length может дать нам количество аргументов из -за return $ curry.bind (null, ... args) Анкет $ curry Функция содержит все аргументы, передаваемые выше любого данного экземпляра.

Я надеюсь, что это прояснит все о том, как работает функция. Если у вас есть какие -либо другие сомнения, вы можете написать им в Твиттере.

( @ yashguptaz )

Добавление вкуса в ваш код.

Карри, позволяющее прекрасному явлению, называемому частичным применением. Согласно Википедии частичное применение может быть определено как –

Частичное приложение относится к процессу исправления ряда аргументов для функции, создавая другую функцию меньшего количества артистиков.

Определение довольно простое, мы уменьшаем количество параметров, которые выполняет функция, заставляя ее.

Давайте карри хорошо известная функция карта и посмотрите, как это меняет нашу жизнь.

// Before Currying
const allTheChildren = elements => map(elements, getChildren)

// Let's curry map
const map = curry((fn, f) => f.map(fn))

// AFter Currying
const allTheChildren = map(getChildren)

Эффект становится действительно очевидным, когда вы используете карта много раз. И вот как мы уменьшаем тонну кода шаблона.

Вы можете привести в карри практически любую функцию, которая занимает более одного параметра. И используйте частичное приложение.

Разве это не удивительно? Хотя я новичок в карриинге, мне было интересно поделиться. Если вы хотите поделиться чем -то или задать вопрос или хотите решить или понять что -то вместе, вы можете подключить меня в Twitter. Я @yashguptaz в Интернете.

Следуйте за мной в Твиттере, когда я пишу в Твиттере о своем эксперименте с функциональным программированием.

Оригинал: “https://dev.to/yashguptaz/what-the-heck-is-currying-ft-javascript-jlp”