使用条件分配时的丑陋破坏

Question

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

根据ESLint的说法，您不能做类似的事情（这似乎是正确的方法）：

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

相反，它迫使您这样做：

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

我是否缺少某些东西或还有其他方法可以做到？

Answer 1

销毁时使用默认值：

const props = { value: 10 };

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

console.log(value, color);

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