Typescript 命名对象解构

Question

能否使用自定义变量名销毁对象？

TypeScript:

const { top } = { top: 1000 };

JavaScript:

var top = { top: 1000 }.top;

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

TypeScript：

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

JavaScript:

var elementTop = { top: 1000 }.top;

- Clem

Answer 1

正确的语法是：

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

Reference

- David Sherret

---

太好了，谢谢！有时我很难找到TypeScript的东西，但我经常忘记我正在搜索的东西可能是ES6。 - Clem

@Clem 是的，很多时候 MDN 文档会更有用。 - David Sherret

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

- Aditya Singh

---

谢谢！我接受了之前的答案，因为它回答得更早。这样可以吗？ - Clem

当然。任何能以最佳方式解决您问题的方法都应该被接受。 - Aditya Singh