javascript - 使用条件分配时的丑陋解构

Question

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

根据 ESLint，你不能做类似的事情(这感觉是正确的做法):

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

相反，它会强制您这样做:

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

我是不是遗漏了什么或者有其他方法可以做到吗？

Answer 1

使用 default value解构时:

const props = { value: 10 };

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

console.log(value, color);

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