對象解構賦值如何工作？

Question

這個語句怎么賦值？

var { AppRegistry, View, StyleSheet, ListView } = React;

Answer 1

這是 ECMAScript 6 中的解構賦值。

var s = { a: 1, b: 2 }
var { a, b } = s;

將1分配給a並將2分配給b 。

據推測， React是一個具有AppRegistry 、 View等屬性的對象，它們的值被分配給同名的變量。

在此答案中，此語法尚未廣泛使用。

Answer 2

正如 Amadan 所說，這是 ES6 中的一個新功能。 ES6 即將發布，所有現代瀏覽器最終都會支持它。 很多項目使用Babel和 webpack 將代碼編譯為 ES5 語法，以便它可以在任何瀏覽器上使用。

React Native 有自己的轉換，支持 ES6 的一部分：

所以如果你使用他們的打包器，你就不需要 Babel 和 webpack。 在未來的版本中，facebook 也可能會使用 Babel。