react native 中es6语法解析

react native是直接使用es6来编写代码,许多新语法能提高我们的工作效率

解构赋值

1 var {
2   StyleSheet,
3   Text,
4   View
5 } = React;

这句代码是ES6 中新增的解构(Destructuring)赋值语句。准许你获取对象的多个属性并且使用一条语句将它们赋给多个变量。

上面的代码等价于:

1 var StyleSheet = React.StyleSheet;
2 var Text = React.Text;
3 var View = React.View

再看几个例子,以前,为变量赋值,只能直接指定值:

1 var a = 1;
2 var b = 2;
3 var c = 3;

而ES6 允许这样写:

1 var [a, b, c] = [1, 2, 3];

更详细的内容可参看:变量的解构赋值

箭头函数

React Native 里面经常会出现类似的代码:

ES6中新增的箭头操作符=> 简化了函数的书写。操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=>outputs

举几个栗子感受下:

1 var array = [1, 2, 3];
2 //传统写法