ES6:解构时更改值

del*_*elp 10 destructuring ecmascript-6

假设我有一个对象

const obj = { width: 100, height: 200 }
Run Code Online (Sandbox Code Playgroud)

我希望将该对象传递给方法

myFunc( obj );
Run Code Online (Sandbox Code Playgroud)

在该方法中,我希望提取高度,但同时减去一个值。我只希望这样做一次,之后就永远不会改变。

执行以下操作可以获得我想要的正确高度,例如 150。

let {height: localHeight} = obj;
localHeight = localHeight - 50;
Run Code Online (Sandbox Code Playgroud)

我如何在一行中完成上述操作?像这样的东西 - 但我知道这是行不通的。

const { height: (localHeight = localHeight - 50) } = obj
Run Code Online (Sandbox Code Playgroud)

Ori*_*ori 8

尽管这是一种损害可读性的黑客行为,但有可能会产生错误(如果该对象将来包含假属性),并且不应该在真实产品中使用。

您可以解构一个不存在的属性,并使用默认值进行减法。

const obj = { width: 100, height: 200 }

const { height, localHeight = height - 50 } = obj

console.log(localHeight)
Run Code Online (Sandbox Code Playgroud)