打字稿命名对象解构

Question

是否可以使用自定义变量名称来破坏对象？

打字稿：

const { top } = { top: 1000 };

的JavaScript ：

var top = { top: 1000 }.top;

但是我想要下面显示的东西（不起作用）。

打字稿：

const { top as elementTop } = { top: 1000 };

的JavaScript ：

var elementTop = { top: 1000 }.top;

Answer 1

正确的语法是：

const { top: elementTop } = { top: 1000 };

Reference

Answer 2

当您需要分配新的变量名称时，这是一个ES6解构：

  

var o = {p：42，q：true};

     

var {p：foo，q：bar} = o;

在您的示例中，它将是：

const { top: elementTop } = { top: 1000 }; 

有关其他详情：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment