zoukankan      html  css  js  c++  java
  • [Javascript Crocks] Understand the Maybe Data Type

    In this lesson, we’ll get started with the Maybe type. We’ll look at the underlying Just and Nothing types and create a simple utility function to create a Maybe from a value. Then we’ll see how we can apply functions to values and skip invocation for values that might cause errors or unexpected results.

    Most of time, we will meet this kind of problem in our code:

    const {inc} = require('./utils');
    
    const res = inc(2); // 3
    const res1 = inc('2'); // 21
    const res2 = inc(undefined); // NaN

    We expect the function 'inc' can help to increase the value by 1, but if we pass the string type of undefined, we won't get the result we want.

    Of course, you can update your inc function like that:

    // from
    const inc = n => n + 1;
    
    // to
    const inc = n => typeof n === 'number' ? n + 1: 0;
    
    module.exports = {
        inc
    };

    But it only works if you have full control of your code, if you are using a thrid-party lib, then it doesn't work.

    Install:

    npm i -S crocks

    By import Maybe from crocks lib:

    const Maybe = require('crocks/Maybe');

    You two APIs to use:

    Maybe.Just(2) // Just 2 
    Maybe.Nothing() // Nothing

    Update our code:

    // utils.js
    const inc = n => n + 1;
    
    module.exports = {
        inc
    };
    
    
    // index.js
    const {inc} = require('./utils');
    const Maybe = require('crocks/Maybe');
    
    const safeNum = n => typeof n === 'number' ? Maybe.Just(n) : Maybe.Nothing();
    const input = safeNum(2); // Just 3
    // const input = safeNum('2'); // Nothing
    // const input = safeNum(undefined); // Nothing
    const result = input
        .map(inc);
    
    console.log(result); // Just 3

    Now we get 'Just 3' as a result, but we want the actual value and also apply a default value 0:

    const safeNum = n => typeof n === 'number' ? Maybe.Just(n) : Maybe.Nothing();
    const input = safeNum(2); // 3
    // const input = safeNum('2'); // 0
    // const input = safeNum(undefined); // 0
    
    const result = input
        .map(inc)
        .option(0) // unwrap the value and give a default value;
    
    console.log(result); 
  • 相关阅读:
    dom 获取节点练习
    dom 节点的添加删除 与修改
    dom document属性练习
    ArrayList 去除重复元素
    ud类型聊天
    UDP数据发送
    指定标签所在div在新窗口打开
    日期Calendar
    Seraph介绍
    U盘cmd命令行修复
  • 原文地址:https://www.cnblogs.com/Answer1215/p/9022702.html
Copyright © 2011-2022 走看看