GennadySht
/
HomeWork


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
							<header>cart reducer</header>

<body>
    <div id="testDiv">
        Test
    </div>

    <script>
        function cartReducer(state = {}, action) {                   // диспетчер обработки
            switch (action.type) {

                case 'CART_ADD':
                    if (action.count >= 0) {
                        let newState = { ...state };
                        let { count } = state[action.good._id] ?? { count: 0 };
                        newState[action.good._id] = { count: action.count + count, good: { ...action.good } }
                        return newState;
                    }
                case 'CART_SUB':
                    if (action.count >= 0) {
                        let newState = { ...state };
                        let { count } = state[action.good._id] ?? { count: 0 };
                        if (count >= action.count) {
                            newState[action.good._id] = { count: action.count - count, good: { ...action.good } }
                            return newState;
                        }
                    }
                    break;
                case 'CART_DEL':
                    {
                        let newState = { ...state };
                        delete newState[action.good._id];
                        return newState;
                    }
                case 'CART_SET':
                    {
                        let newState = { ...state };
                        newState[action.good._id] = { count: action.count, good: { ...action.good } };
                        return newState;
                    }
                case 'CART_CLEAR':
                    return {};
            }
            return state;
        }

        function createStore(reducer) {
            let state = reducer(undefined, {})              //стартовая инициализация состояния, запуск редьюсера со state === undefined
            let cbs = []                                      //массив подписчиков

            const getState = () => state                   //функция, возвращающая переменную из замыкания
            const subscribe = cb => (cbs.push(cb),            //запоминаем подписчиков в массиве
                () => cbs = cbs.filter(c => c !== cb))      //возвращаем функцию unsubscribe, которая удаляет подписчика из списка

            function dispatch(action) {
                if (typeof action === 'function') {         //если action - не объект, а функция
                    return action(dispatch, getState)       //запускаем эту функцию и даем ей dispatch и getState для работы
                }
                const newState = reducer(state, action)      //пробуем запустить редьюсер
                if (newState !== state) {                    //проверяем, смог ли редьюсер обработать action
                    state = newState                        //если смог, то обновляем state 
                    for (let cb of cbs) cb()                //и запускаем подписчиков
                }
            }

            return {
                getState,                                   //добавление функции getState в результирующий объект
                dispatch,
                subscribe                                   //добавление subscribe в объект
            }
        }

        const actionCartAdd = (good, count = 1) => ({ type: 'CART_ADD', count: count, good: good });
        const actionCartSub = (good, count = 1) => ({ type: 'CART_SUB', count, good }); //Уменьшение количества товара. Должен уменьшать количество товара в state, или удалять его если количество будет 0 или отрицательным
        const actionCartDel = (good) => ({ type: 'CART_DEL', good }); //Удаление товара. Должен удалять ключ из state
        const actionCartSet = (good, count = 1) => ({ type: 'CART_SET', count, good }); //Задание количества товара. В отличие от добавления и уменьшения, не учитывает того количества, которое уже было в корзине, а тупо назначает количество поверху (или создает новый ключ, если в корзине товара не было). Если count 0 или отрицательное число - удаляем ключ из корзины;
        const actionCartClear = () => ({ type: 'CART_CLEAR' }); //Очистка корзины. state должен стать пустым объектом {}

        const store = createStore(cartReducer)

        store.subscribe(() => {
            console.log(store.getState())
        });

        store.dispatch(actionCartAdd({ _id: 'пиво', price: 50 }))
        // {пиво: {good: {_id: 'пиво', price: 50}, count: 1}}
        store.dispatch(actionCartAdd({ _id: 'чипсы', price: 75 }))
        // {
        // {пиво: {good: {_id: 'пиво', price: 50}, count: 1},
        // {чипсы: {good: {_id: 'чипсы', price: 75}, count: 1},
        //}
        store.dispatch(actionCartAdd({ _id: 'пиво', price: 50 }, 5))
        // {
        // {пиво:  {good: {_id: 'пиво', price: 50}, count: 6},
        // {чипсы: {good: {_id: 'чипсы', price: 75}, count: 1},
        //}
        store.dispatch(actionCartSet({ _id: 'чипсы', price: 75 }, 2))
        // {
        // {пиво:  {good: {_id: 'пиво', price: 50}, count: 6},
        // {чипсы: {good: {_id: 'чипсы', price: 75}, count: 2},
        //}

        store.dispatch(actionCartSub({ _id: 'пиво', price: 50 }, 4))
        // {
        // {пиво:  {good: {_id: 'пиво', price: 50}, count: 2},
        // {чипсы: {good: {_id: 'чипсы', price: 75}, count: 2},
        //}

        store.dispatch(actionCartDel({ _id: 'чипсы', price: 75 }))
        // {
        // {пиво:  {good: {_id: 'пиво', price: 50}, count: 2},
        //}

        store.dispatch(actionCartClear())  // {}

    </script>
</body>