javascript - 有人可以向我解释这个 react native 代码片段吗？

Question

我开始研究 React Native，在大多数情况下，我做得很好。但是，尽管我知道解构的概念，但我还是对这段代码摸不着头脑。

var {
          View,
          Text,
          Image,
          Animated,
          StatusBarIOS,
          TouchableOpacity,
          DeviceEventEmitter
    } = React;

有人能给我解释一下吗？
谢谢!

Answer 1

这只是 ES6 对象解构。它实质上是为对象中列出的每个关键字创建一个新变量。

它等价于:

var View = React.View;
var Text = React.Text;
var Image = React.Image;
var Animated = React.Animated;

..等等

如果这一点不清楚，请看一个简单的对象作为示例:

const person = {
  name: 'sam',
  gender: 'male',
  age: 52
}

// create a variable for any property you want from the person object
let { name, age } = person;

console.log(name) // 'sam'
console.log(age) // 52..

如以下评论所述，因为您已经在使用 ES6 语法，所以您很可能正在使用构建工具或在支持 ES6 的环境中，您应该选择使用 let 或 const 而不是 ES5 var