javascript - 将对象值作为键值对导入

Question

我见过人们将变量作为键值对从对象导入。不明白 value 部分从何而来？

import { Dimensions } from 'react-native';
const { width: totalWidth } = Dimensions.get("window");

在这种情况下，totalWidth 是多少？它来自哪里？

Answer 1

这就是他们所说的 Destructuring assignment 。所以:

const { width: totalWidth } = Dimensions.get("window");

width 是指属性名称，totalWidth 是您要存储它的变量。

您可以通过这种方式将多个属性值分配给新变量:

const { width: totalWidth, height: totalHeight } = Dimensions.get("window");

相当于:

const  totalWidth = Dimensions.get("window").width;
const  totalHeight = Dimensions.get("window").height;        

本质上只是在一行中将属性值重新分配给变量的一种巧妙方法。