在 javascript 中编写对象并作出反应的最佳做法是什么

Question

我写对象的时候有一些例子，很难select什么是最佳实践（编码风格）。

//destructuring single property
const {foo} = this.state;
const { foo } = this.state;

//destructuring multi properties
const {foo, bar} = this.state;
const { foo, bar } = this.state;

//declaration and initialize single object
const obj = {foo: 'foo'}
const obj = { foo: 'foo' }
const obj = {
    foo: 'foo'
}

p.s.

我知道，我的问题与真正的编码问题相去甚远。
但我想知道美化代码有什么更好的主意。（我不使用 prettier 或 beautify 因为我的公司不使用这些扩展，所以我不能使用扩展不更改以前的代码）

Answer 1

//destructuring multi properties
const { 
foo, 
bar } = this.state;

//declaration and initialize single object
const obj = {
    foo: 'foo'
}

如果您有多个密钥，这将更具可读性，而且我认为 prettier 也会美化这样的代码。

Answer 2

询问您的同事他们喜欢什么
阅读您自己的一些旧代码 - 太旧以至于您记不太清了 - 看看您对此有何感想。

这个问题没有“最佳”答案，它可能更像是 Reddit 的主题而不是 SO。

在 javascript 中编写对象并作出反应的最佳做法是什么

What is best practice for writing object in javascript and react

javascript

coding-style

p.s.