学习React Native之JS高级语法、ES6新特性预备知识(上)

2016-08-01 春哥 一起众创 一起众创


学习React Native开发需要基础的JavaScript编程知识。如果你有JS编程基础,那是锦上添花,如果你没有听过或者没有使用过JS,没关系,你只需要随便找一本入门级的JS的书籍看上一天或者半天即可开启React Native的编程之旅。

所需要的知识点有:

(1)JS语法。包括语句、注释、变量、数据类型、数组、对象的基本知识。

(2)操作运算符。这个与Java、C++基本上一致,快速浏览一下即可。

(3)条件语句、循环语句、switch语句。

(4)函数。JS中函数也是一种变量,读者理解这一点即可。

(5)对象。

在React Native开发中,会用到一些JS的高级语法和ES 6新特性:

解析赋值

ES6允许按照一定模式,从数组和对象中提取值,声明变量并对其进行赋值。这种语法被称为解析赋值,和Swift中的元组语法很相似。

在解析赋值语法出现之前,只能声明一次变量并为它赋值,例如:


使用解析赋值语法,上面的语句等价于:


解析赋值语法不仅适用于数组,还适用于对象。


对象的解析赋值比数组的梅西赋值更灵活,它可以在一条语句中解析出不同类型的变量,而数组只能解析出相同类型的变量 。

在数组的解析赋值中,变量的取值由其位数决定。

在对象的解析赋值中,变量的取值与其位置没有任何关系,变量必须与其属性同名,才能取到正确的值。

可以在函数参数中使用解析赋值,比如:


可以改写为:


箭头函数

ES 6提供了使用“箭头”(=>)符号定义函数的语法。

ES 6鼓励用箭头符号在需要回调函数的地方直接定义不需要名称、代码间断的函数。这种方式使用更为简洁。


如果剪头函数的代码体部分多于一条语句,就咬使用大括号将他们扩起来,并且使用return语句返回。如果剪头函数需要返回一个对象,则必须在对象外面加上括号。这是因为大括号会被解释为代码块。

for in循环语句

JS允许开发者通过for in循环语句遍历数组。它的用法与普通的for循环的区别见下面的示例代码。