学习函数链式调用,获取对象字段避免报错

 

// 获取对象中的某字段
// 使用方法:getObjField(obj, '--')('field1')('field2')('fieldN...')()
export const O = (obj, def) => {
    const getField = (field) => {
        if (field) {
            // 字段值为 undefined 或 null 都会设置为默认值
            if (obj && obj[field] !== undefined && obj[field] !== null) {
                obj = obj[field];
            } else {
                obj = def;
            }
            return getField;
        }
        return obj;
    };
    getField.toString = () => {
        return obj;
    };
    getField.valueOf = () => {
        return obj;
    };
    return getField;
};

 

第一次调用传入对象和默认值(可选),之后的调用传入字段名,最后什么都不传调用得到返回值

toString 和 valueOf 在某些情况会执行,比如 console,而 react 的 JSX 中要展示内容,还是得执行最后的调用,否则只是返回个函数

 

转载于:https://www.cnblogs.com/3body/p/9324509.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值