consistent-destructuring.md

consistent-destructuring

📝 Use destructured variables over properties.

🚫 This rule is disabled in the following configs: ✅ recommended, ☑️ unopinionated.

💡 This rule is manually fixable by editor 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.

Examples

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

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

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

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

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

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

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

// ✅
const {bar} = foo;
const {a} = bar;

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

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