javascript - 这个 react native 初始化代码是什么意思？

Question

这段代码到底是什么意思？

var React = require('react-native');
var {
    AppRegistry,
    StyleSheet,
    Text,
    Image,
    View,
    } = React;

我知道 React 是 node 导入的模块，它是否将 React 对象复制到上面的列表中？

然后我添加了

var {Image} = React;

它也有效。我是 Node.js 和 React 的新手，感到很困惑。

Ramanlfc [已解决]:这是一个破坏性任务:

The destructuring assignment syntax is a JavaScript expression that makes it possible to extract data from arrays or objects using a syntax that mirrors the construction of array and object literals.

Answer 1

如 Ramanlfc 所述在评论中；它是 ECMAScript 2015 Destructuring assignment语法。

本质上就是那句话

var {
    AppRegistry,
    StyleSheet,
    Text,
    Image,
    View,
} = React;

相当于

var AppRegistry = React.AppRegistry,
    StyleSheet = React.StyleSheet,
    Text = React.Text,
    Image = React.Image,
    View = React.View;

这是一种将对象属性分配给同名变量的更简单的方法；