[Functional Programming 101] Crocks.js -- when to use map and when to use chain?

最新推荐文章于 2019-03-27 19:17:00 发布

转载最新推荐文章于 2019-03-27 19:17:00 发布 · 82 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/10310202.html

本文通过实例对比了Crocks.js库中.map和.chain方法的使用场景。.map适用于将纯函数应用于状态，而.chain则用于状态转换函数。通过多次调用这两种方法，可以观察到最终状态或结果值的不同获取方式。

As a beginner of Crocks.js, it was a problem for we to figure out when to use .map() and when to use .chain().

Of course, using the docs help:

map: State s a ~> (a -> b) -> State s b

chain: State s a ~> (a -> State s b) -> State s b

The main difference is that, when using .map(fn), the param is a function.

For exmaple: addOne is just a plain function.

const addOne = x => x + 1;

When using .chian(sfn), the param is a State(fn)

For example: modify return a state() and inside state(), we apply function addOne.

const modifyOne = () => modify(mapProps({'moves', addOne}));

Now, we are going to write two example, one is using .map() another one is using .chain() to achieve the same result.

// We want to get final result as {moves: 4}
const state = {
    moves: 1
}

.chain():

const { curry, compose, State, mapProps, prop, option } = require("crocks");

const { modify, get } = State;

const getState = key => get(prop(key));

const addOne = x => x + 1;

const modifyOne = () => over('moves', addOne);

const over = (key, fn) => modify(mapProps({[key]: fn}))

const state = {
    moves: 1
}

const getMoves = () => getState('moves').map(option(0))

console.log(
    getMoves()
        .chain(modifyOne)
        .chain(modifyOne)
        .chain(modifyOne)
        .execWith(state) // {moves: 4}
)

Notice that 'getMoves' and 'modifyOne' both return State(), so they have to use .chian().

.map():

const { curry, compose, State, mapProps, prop, option } = require("crocks");

const { modify, get } = State;

const getState = key => get(prop(key));

const addOne = x => x + 1;

const state = {
    moves: 1
}

const getMoves = () => getState('moves').map(option(0))

console.log(
    getMoves()
        .map(addOne)
        .map(addOne)
        .map(addOne)
        .evalWith(state) // 4
)

Since 'addOne' is just a function, we can use .map() instead of .chian(). And more important, we have to use 'evalWith' to get result value, since we are not using 'modify' to change the state.

转载于:https://www.cnblogs.com/Answer1215/p/10310202.html