1.0 配置React Native的开发环境 请参考
- 虽然过程很复杂,但是确实没啥难度(react-native init testProject)
2.0 ES6的基础语法
-
变量和常量声明
let greeting = 'hi'; const answer = 42; -
箭头函数
(a, b) => a + b; 类比大学的f(x)=3x; -
扩展运算符
<Image source={require('./img/icon.png')} style={styles.iconStyle}/> -
扩展运算符
数组扩展：Math.max(...array); 对象扩展：var extended = { ...obj, a: 10 }; -
类
class C extends Component 解构
-
模块的导入导出
import React, { Component } from 'react'; -
对象方法的简写
var obj = { method() { return 10; } }; -
对象属性的简写
var name = ‘reactnativecn'; var obj = { name }; 这里稍微总结下:凡是变量都是需要{}进行包住 -
字符串模板
var who = 'world'; var str = 'Hello ${who}';
3.0 注意点
-
箭头函数
如果箭头函数的代码块部分使用了大括号，则此时切莫忘了使用return语句返回： () => 1 // 返回1 () => { 1 } // 返回 undefined () => { return 1; } // 返回1 -
模块的导入导出
// b.js import ooxx from ‘./a’ // 没有 { } // a.js export default ooxx; // 有且仅有一个default // b.js import { moduleA, moduleB } from ‘./a’ // a.js export moduleA; // 没有default export moduleB; // 没有default -
变量和常量的声明
变量的声明有两种： var 或者 let 这种情况不像swift的那样 var 定义变量 可以对进行修改,let 定义常量 常量的声明使用const const number = 1; let title = ‘详情页’, name = ‘reactnative’; 没有声明或声明后没有赋值的变量值为 undefined
4.0 学习网站
MDNMozilla开发者网络
ECMAScript 6 入门参考
