Какой из вариантов правильнее для функционального программирования JS?

Question

[Urukhayy]

Какой из вариантов правильнее для функционального программирования JavaScript?

Вариант 1.

function formatData(array, callBack) {
    let formatted = array.map(/*   formatting  */)
    callBack(formatted)
}

formatData(peoples, (result) => {
console.log(result)
})

Вариант 2.

function formatData(array) {
   return array.map(/*   formatting  */)
}


console.log(formatData(peoples))

Answer 1

[Алексей Струков]

Чтобы увидеть преимущества функционального подхода, лучше написать пример немного другим образом. Сейчас у Вас в общем ничего функционального там и нет (наличие функций !== ФП):

function formatter(item) {
    return "0" + item.toString();
}

function validator(number) {
    if (typeof number !== "number") {
        throw new Error("invalid argument: Number expected");
    }
    return number;
}

function formatData(array, formatter, validator) {
    return array.map(item => formatter(validator(item)));
}

alert(formatData([1, 2, 3], formatter, validator));

PS: можно заморочиться и спроектировать более универсальные функции, но в качестве примера и так сойдет)

Comments

[Urukhayy]

Можно ли Ваш ответ скомбинировать с ответом abberati? То есть чтобы formatData возвращал не скопированный массив, а правила маппинга. А сам метод .map использовать прямо в alert:

var array = [1, 2, 3]
alert(array.map(formatData(formatter, validator)));

[Urukhayy]

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

[Алексей Струков]

Urukhayy: я бы не стал так делать, но это на любителя. Да и не будет работать так как Вы написали. В map надо передавать функцию, которая принимает один аргумент. Можно это исправить с помощью каррирования, но я думаю это излишнее усложнение здесь.

[Urukhayy]

Алексей Струков: Подскажите, ещё, пожалуйста. Как лучше обрабатывать запросы из Mongo? Нужно ли использовать обещания, и можно ли хардкодить прямо в callBack с (err, data)?

db.collection.findOne({}, (err, data) => {
// сюда хордкодить? 
})

// или делать так:

db.collection.findOne({}, checkData)

function checkData(err, data) {
// some actions
}

// или вообще делать обещания?

[Алексей Струков]

Urukhayy: я бы сравнил функционально программирование с атомарным CSS)
Многие пишут что оно декларативно, но мне кажется, что более правильно назвать его атомарным. Это когда у тебя есть куча мелких функций и ты из них делаешь композицию (типа как Лего собираешь или плату электронную паяешь). А декларативного там не больше чем в ООП.

Если хочешь более глубоко разобраться в ФП, то попробуй поискать ченить типа "Теория категорий для чайников". Адекватных книг для JS к сожалению не встречал - собирал инфу из разных источников по крупицам (впрочем как и со всем, что чуть сложнее базовых вещей)

[Алексей Струков]

Urukhayy: про бэкенд не подскажу. Не очень разбираюсь в нем)

Answer 2

[abberati]

Ближе всего к ФП будет третий вариант:

function formatData(element) {
  return formattedElement;
}

const formattedData = peoples.map(formatData);
console.log(formattedData)

Answer 3

[Роман Александрович]

Второй вариант. Он называется интересным словом Каррирование. И выглядит красиво и кода меньше.

Comments

[Роман Александрович]

Поправьте меня если я не прав

f (){
return f1(){}
}

[abberati]

а где тут каррирование?

[Роман Александрович]

abberati: prgssr.ru/development/vvedenie-v-karrirovanie-v-ja...

[abberati]

Роман Александрович:

каррирование:

const func = array => callback => array.map(callback);

тут имеем:
const func = array => array.map();

не надо отвечать статьёй на конкретный вопрос. я знаю, что такое каррирование.

[Даниил Колесниченко]

Роман Александрович, нет тут никакого каррирования.

Артём Петренков, нет, это частичное применение. Каррирование в примере abberati.