ReactNative从学习到放弃——准备工作

ReactNative是Facebook刚出的一个可以跨平台（Android和ios）开发的控件，现在非常流行，虽然还有很多坑，不过学习一下应用到项目中某些模块还是很不错的。所以我这个小菜鸟就准备学习一下啦，这篇文章我就先简单介绍一下准备工作吧！

一、环境搭建
具体环境搭建可以参考rn官方中文网
http://reactnative.cn/docs/0.30/getting-started.html#content
补充：
修改配置文件，可以使用vi命令，按esc进入命令行模式，输入:wq保存并quit。
刚开始使用vi的时候很不习惯，还有一些insert模式等，具体可以百度一下。
坑：
我用的mac，mac在配置adb环境的时候，不要按照网站中的写法，~/这种路径写法不行，还是要把全路径写进去。

二、js语法学习
（这篇文字是给Android和ios爱好者介绍的，js大神就可以忽略掉这篇文章啦）
环境配好了，在学习rn之前还有一个重要任务就是学习一下js语法，js是动态语言，特别灵活，对于我们这种以java为主的人来说刚开始很不习惯，不过写多了应该就好多了，总体上感觉js特别灵活，写起来感觉也快很多。推荐大家看一下廖雪峰的js教程，简单易懂而且全面。http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
我就简单挑一些比较重要的讲一下。

1、说js是动态语言，相比较java，它特殊的地方在哪里呢？
js数组可以包含任意数据类型，比如：[1, 2, 3.14, ‘Hello’, null, true];
js中可以把任意数据类型赋值给变量，一个变量可以反复赋值，var只能申明一次，如下：
var a = 123; // a的值是整数123
a = ‘ABC’; // a变为字符串
是不是觉得很神奇，可以根据你赋值的类型来自动转换变量类型，哈哈！

2、===和==
大家应该都知道java中==和equal的区别吧，js中也有==和===，但是这两个符号跟java没有任何联系。
js中==可以将两个类型自动转换为相同类型，然后再进行比较，比如 “1”==1，就会返回true。
===不会自动转换类型，不同类型返回就是false，相同类型并且值相等返回true，”1”===1，返回false。
所以啊，我们以后就尽量用===吧，避免使用==。

3、数组中的函数
splice——它可以从指定的索引开始删除若干元素，然后再从该位置添加若干元素
slice——相当于java中的substring方法
unshift，头部添加若干元素，shift删除第一个元素
indexOf，搜索指定元素的位置。

4、先看下面的函数

function foo() {
    var x = 'Hello, ' + y;
    alert(x);
    var y = 'Bob';
}

返回的是啥呢，java这种写法是报错的，作为动态语言的js这种写法当然不会报错啦，上段代码返回的是 Hello,undefined 。
为什么呢？
原来js引擎可以提升变量y的声明，虽然写在下面，毕竟人家是动态语言嘛，但是js引擎却不能给y赋值，所以是undefined。

5、js中还有一个比较啃爹的地方，看一下下面的函数

function getAge() {
    var y = new Date().getFullYear();
    return y - this.birth;
}
var xiaoming = {
    name: '小明',
    birth: 1990,
    age: getAge
};
xiaoming.age(); // 25, 正常结果
getAge(); // NaN

java中经常会简单this，指向这个类，js也有this，不过js没有类的概念，那他指向的是啥咧？
竟然是视情况而定（真是啃爹死了！），如果以对象的方法形式调用，比如xiaoming.age()，该函数的this指向被调用的对象，也就是xiaoming，这是符合我们预期的。
如果单独调用函数，比如getAge()，此时，该函数的this指向全局对象。
看样子动态语言动态的有点过头了！

6、高阶函数
map方法定义在js的Array中，如下：

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); 
// ['1', '2', '3', '4', '5', '6', '7', '8', ‘9’]

reduce方法
[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)

fliter过滤某些元素，返回剩下元素，根据传入函数依次作用在每个元素，根据返回值是true还是false来决定保留还是丢弃该元素。
sort方法

var arr = [10, 20, 1, 2];
arr.sort(function (x, y) {
    if (x < y) {
        return -1;
    }
    if (x > y) {
        return 1;
    }
    return 0;
}); // [1, 2, 10, 20]

7、闭包

function lazy_sum(arr) {
    var sum = function () {
        return arr.reduce(function (x, y) {
            return x + y;
        });
    }
    return sum;
}
var f = lazy_sum([1, 2, 3, 4, 5]); // function sum()
f(); // 15

内部函数sum可以引用外部函数lazy_sum的参数和局部变量，返回函数sum的时候，相关参数和变量都保存在返回的函数中，这种就是闭包。
当然闭包还有其他作用啦！
闭包携带局部变量x，外部代码无法访问到变量x，闭包携带状态的函数，所以对外来说是完全隐藏起来的。
还有，例如计算x的y次方

function make_pow(n) {
    return function (x) {
        return Math.pow(x, n);
    }
}
// 创建两个新函数:
var pow2 = make_pow(2);
var pow3 = make_pow(3);
pow2(5); // 25
pow3(7); // 343

8、箭头函数
x => x * x 相当于function (x) { return x * x; }

// 两个参数:
(x, y) => x * x + y * y

// 无参数:
() => 3.14

// 可变参数:
(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}
返回参数
x => ({ foo: x })

今天RN学习先学到这里，主要是熟悉一下js语法，静态语言写多了，刚接触动态语言肯定有各种不适应，不过多写写就习惯啦！