React Native学习总结第一天

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 入门参考