1.0 配置React Native的开发环境
- 虽然过程很复杂,但是确实没啥难度(react-native init testProject)
2.0 ES6的基础语法
- 变量和常量声明
let greeting = 'hi';const answer = 42; 复制代码
- 箭头函数
(a, b) => a + b; 类比大学的f(x)=3x;复制代码
-
扩展运算符
复制代码
-
扩展运算符
数组扩展：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.jsimport ooxx from ‘./a’ // 没有 { } // a.jsexport default ooxx; // 有且仅有一个default// b.jsimport { moduleA, moduleB } from ‘./a’// a.jsexport moduleA; // 没有defaultexport moduleB; // 没有default复制代码 -
变量和常量的声明
变量的声明有两种： var 或者 let这种情况不像swift的那样 var 定义变量 可以对进行修改,let 定义常量 常量的声明使用constconst number = 1;let title = ‘详情页’, name = ‘reactnative’;没有声明或声明后没有赋值的变量值为 undefined复制代码
4.0 学习网站
-
MDN
-
ECMAScript 6 入门