學習函數鏈式調用，獲取對象字段避免報錯

 

// 獲取對象中的某字段
// 使用方法：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 中要展現內容，仍是得執行最後的調用，不然只是返回個函數