javascript - 解构对象——如何以更简洁的方式重写

Question

我想知道是否可以简化这段代码并将其写在一行中(我什至可以使用 ES6-7)

const { dimensions } = this.state
const { height} = dimensions
console.log(height)

Answer 1

您可以 destructure a nested structure .

解构内部属性 - 高度:

const state = { dimensions: { width: 200, height: 100 }}

const { dimensions: { height } } = state

console.log(height)

解构外部和内部属性 - 尺寸和高度:

const state = { dimensions: { width: 200, height: 100 }}

const { dimensions, dimensions: { height } } = state

console.log(dimensions)
console.log(height)