Це частина офіційної документації Redux :
Це називається редуктором, оскільки це тип функції, до якої ви переходите
Array.prototype.reduce(reducer, ?initialValue)
Для мене це не має особливого сенсу. Хтось може пояснити мені, чому їх насправді називають редукторами? Той факт, що вони повертають значення за замовчуванням (або вони мають значення аргументу за замовчуванням), не робить їх редукторами IMHO.
Відповіді:
Той факт, що вони повертають значення за замовчуванням (або вони мають значення аргументу за замовчуванням), не робить їх редукторами IMHO.
Редуктори не просто повертають значення за замовчуванням. Вони завжди повертають накопичення стану (виходячи з усіх попередніх та поточних дій).
Тому вони виступають як скорочувач стану. Кожного разу, коли викликається редукційний редуктор, стан передається разом із дією (state, action). Потім цей стан зменшується (або накопичується) на основі дії, а потім повертається наступний стан. Це один цикл класики foldабо reduceфункції.
Як підсумував @azium state -> action -> state.
Якщо ви вважаєте низку дій у вашому додатку схожими на список або, можливо, більше як на потік, це може мати більше сенсу.
Візьмемо цей надуманий приклад:
['apple', 'banana', 'cherry'].reduce((acc, item) => acc + item.length, 0)
Перший аргумент - це функція форми (Int, String) => Int. Разом з початковим значенням ви проходитеreduce те, що можна було б назвати "функцією редуктора", і отримуєте результат обробки серії елементів. Отже, можна сказати, функція редуктора описує, що робиться з кожним наступним окремим елементом для зміни результату. Іншими словами, функція редуктора приймає попередні вихідні та наступні значення і обчислює наступний вихідний результат.
Це аналогічно тому, що робить редуктор Redux: він бере попередній стан і поточну дію, і обчислює наступний стан.
У справжньому функціональному стилі програмування ви можете концептуально стерти значення, що застосовується до аргументів та результату, і просто зосередитись на "формі" входів та результатів.
На практиці редуктори Redux зазвичай є ортогональними, в тому сенсі, що для даної дії вони не всі вносять зміни до одних і тих же властивостей, що полегшує розподіл їх обов’язків та агрегування результату combineReducers.
Як уже зазначалося, назва пов'язана з поняттям редуктора у функціональному програмуванні. Також вам може бути корисним визначення словника редуктора Мерріам-Вебстер:
1а. зближувати або викликати сходження: консолідувати (звести усі питання до одного)
Редуктор консолідує дії в єдиний об'єкт, що представляє стан програми.
Причина, чому редуктор-редуктор називається a,
reducerполягає в тому, що ви можете "зменшити" acollection of actionsта aninitial state(магазину), на яких слід виконати ці дії, щоб отримати результатfinal state.
Як? Щоб відповісти на це, дозвольте мені ще раз визначити редуктор:
Метод зменшення () застосовує
function (reducer)протиaccumulatorмасиву та кожного значення масиву (зліва направо), щоб зменшити його до одного значення.
А що робить редукційний редуктор?
Редуктор - це параметр,
functionякий приймає поточний стан і дію і повертає наступний стан. Зверніть увагу, що стан є тимaccumulated, що кожна дія над колекцією застосовується для зміни цього стану.
Отже, за умови a collection of actions, редуктор застосовується до кожного значення колекції (зліва направо). Перший раз він повертає initial value. Тепер редуктор знову застосовується до цього початкового стану і виконується перша дія для повернення наступного стану. І наступний елемент колекції (дія) застосовується кожного разу, current stateщоб отримати, next stateпоки він не досягне кінця масиву. І тоді, ви отримуєте the final state. Як це круто!
Автор мислить державу як накопичувач функції редукції. Приклад:
Final State = [Action1, Action2, ..., ActionN].reduce(reducer, Initial State);
Функція зменшення походить від функціонального програмування, назва "редуктор" також походить від FP.
Мені не подобається використовувати цю назву тут. Тому що я не сприймаю світ як єдиний ціннісний результат після дій. Держава тут є об’єктом. Наприклад:
['eat', 'sleep'] === [addTodo('eat'), addTodo('sleep')].reduce(reducer, []);
Цей редуктор взагалі нічого не зменшує. І мені байдуже, зменшує це щось чи ні. Присвоєння йому імені перетворювача матиме більше сенсу.
Ми знаємо, звідки беруться Редуктори (функціональне програмування), і чому їх можна вважати виконуючими скорочувальну роботу (зменшити n вхідних елементів до одного поверненого значення - саме це, як передбачається, виконують звичайні функції). Однак: назва - це просто назва, як троянда - назва троянди. Не думайте занадто багато. Програмери Redux - це ІТ-спеціалісти, вони замикаються у своєму контексті і там це має сенс. Решта з нас повинні прийняти право винахідника називати блакитну собаку жовтою кішкою ;-)
Як би ми зараз називали це Дедуцером . Він визначає новий стан на основі попереднього стану та вхідної дії.
Я не міг зрозуміти, як редуктор Redux безпосередньо зіставлявся з функцією, якою ви користуєтесь reduce, тож ось кілька прикладів, щоб побачити, як вони збігаються.
Спочатку функція стандартного редуктора (у MDN називається "накопичувачем") із документації MDN Array.reduce, а потім спрощений приклад Дана Абрамова Counter.jsв кінці його публікації в блозі "Вам може не знадобитися Redux" .
sum додає значення акумулятору reducer додає / віднімає значення до / з накопичувача.В обох випадках тут "стан" - це просто ціле число.
Ви "накопичуєте" дії в державі. Це також незмінний спосіб змінити будь-який об'єкт JavaScript.
const sum = function(acc, val) {
return acc + val;
};
const reducer = function(state, action) {
switch (action) {
case 'INCREMENT':
return state + 1;
case 'DECREMENT':
return state - 1;
default:
return state;
}
};
console.log('sum', [1, -1, 1].reduce(sum, 0));
console.log('reduce', ['INCREMENT', 'DECREMENT', 'INCREMENT'].reduce(reducer, 0));
console.log('sum', [1, 1, 1].reduce(sum, 0));
console.log('reduce', ['INCREMENT', 'INCREMENT', 'INCREMENT'].reduce(reducer, 0));Інші відповіді добре пояснюють, чому вона названа такою, якою вона є, але спробуємо назвати більше речей ...
const origState = 0;
const actionOperators = {
increment: (origState) => origState++,
decrement: (origState) => origState--,
};
const anOperator = (aState, anAction) => actionOperators[anAction](aState);
const actions = ['increment', 'decrement', 'increment'];
const finalState = actions.reduce(anOperator, origState);
По-перше, reduceможна було б зателефонувати use anOperator with every action name and accumulated state, starting with origState. У smalltalk це називається actions inject: origState into: anOperator. Але що ви насправді вводите в оператора? Назви origState І дії. Тож навіть у методі Smalltalk імена не дуже зрозумілі.
actionOperators[increment]є Редуктором, але я б скоріше назвав його і actionOperator, оскільки він реалізований для кожної дії. Стан - це лише аргумент (і ще один як повернене значення).
Однак редуктор - найкраще слово знаходитись у верхній частині результатів пошуку Google. Це також схоже на Redux.
У цьому коді нижче вам просто потрібно розглядати накопичувач як дії і currentValue як стан у контексті відновлення. на цьому прикладі ви дізнаєтесь, чому вони називають його також редуктором.
const array1 = [1, 2, 3, 4];
const reducer = (accumulator, currentValue) => accumulator + currentValue;
// Main operation is 1 + 2 + 3 + 4 = 10
// but think of it as a stack like this:
// | 2 | | 3 | | 4 |
// |_1_| |_3_| |_6_| | 10 | => the 10 is in result
console.log(array1.reduce(reducer));
// expected output: 10
Метод reduce () виконує функцію редуктора (яку ви надаєте) для кожного елемента масиву, в результаті чого отримується одне вихідне значення.
reduce, яка має доступ до значення за замовчуванням та іншого значення, і повертає вам потенційно трансформоване значення за замовчуванням.state -> action -> state