使用条件赋值时丑陋的解构答案

【问题标题】：Ugly destructuring when using conditional assignment使用条件赋值时丑陋的解构
【发布时间】：2019-09-30 16:44:48
【问题描述】：

在处理对象属性时，ESLint 强制使用对象解构，并且在某些情况下会导致多余的代码行。

根据 ESLint，你不能这样做（感觉是正确的做法）：

const { value } = props;
const color = props.color || '#515cdc';

相反，它迫使你这样做：

const { value } = props;
let { color } = props;
color = color || '#515cdc';

我错过了什么还是有其他方法可以做到这一点？

【问题讨论】：

【解决方案1】：

在解构时使用default value：

const props = { value: 10 };

const { value, color = '#515cdc' } = props;

console.log(value, color);

注意：您也可以关闭烦人的规则。

【讨论】：