consistent-destructuring.md

Use destructured variables over properties

✅ This rule is part of the recommended config.

🔧💡 This rule is auto-fixable and provides suggestions.

Enforces the use of already destructured objects and their variables over accessing each property individually. Previous destructurings are easily missed which leads to an inconsistent code style.

This rule is partly fixable. It does not fix nested destructuring.

Fail

const {a} = foo;
console.log(a, foo.b);

const {a} = foo;
console.log(foo.a);

const {
	a: {
		b
	}
} = foo;
console.log(foo.a.c);

const {bar} = foo;
const {a} = foo.bar;

Pass

const {a} = foo;
console.log(a);

console.log(foo.a, foo.b);

const {a} = foo;
console.log(a, foo.b());

const {a} = foo.bar;
console.log(foo.bar);