一图看懂三元表达式

个人学习观点，如有错误欢迎留言指正

 以OPTION.WIDTH为例，如果存在则宽度为已经预设的宽度，若不存在则将100px宽度；”；“为一个三元表达式结束符，‘？’前为判断条件，以‘：’左边为true结果，右边为false结果；

遇到比较复杂的三元，建议从后往前看；

你可以继续在之前的判断结果下写继续写判断，前提是你需要按照三元表达式的结构来写；

const withIf =
({ conditionA, conditionB }) =>{
if (conditionA)
{
if (conditionB)
    {
return valueA;
     }
return valueB;
 }
return valueC;
};

三元表达式的写法：
同时满足A，B true 返回A；A true，B false 返回 B，A false，直接返回C，不再对B进行判断

const withTernary = ({ conditionA, conditionB }) => ( (!conditionA) ?  valueC : (conditionB) ?  valueA : valueB );
简化：
 

const withTernary = ({ conditionA, conditionB }) => ( conditionA ? conditionB ? valueA : valueB : valueC )

详细解读原作链接：https://juejin.cn/post/6844903561759850510