react-native入门[二]

箭头函数(Lambda)：[ 表示符=>表达式 ]，参照箭头函数 Arrow Functions

javaScript中有一个有趣的特性，无论何时，当你需要一个函数时，你都可以在想添加的地方输入这个函数。

举个例子，假设你尝试告诉浏览器用户点击一个特定按钮后的行为，你会这样写：
 $("#confetti-btn").click();
jQuery的.click()方法接受一个参数：参数为一个函数。 没问题，你可以在这里输入一个函数：
$("#confettibtn").click(function(event） {
      playTrumpet();
      fireConfettiCannon();
  }
);

对于现在的我们来说，写出这样的代码相当自然，而回忆起在这种编程方式流行之前，这种写法相对陌生一些,许多语言中都没有这种特性。1958年，Lisp首 先支持函数表达式，也支持调用lambda函数，而C++，Python、C#以及Java在随后的多年中一直不支持这样的特性。

ES6中引入了一种编写函数的新语法：

案例1.1：单参数
    // ES5
    var selected = allJobs.filter(function (job) {
      return job.isSelected();
    });
    // ES6
    var selected = allJobs.filter(job => job.isSelected());

案例1.2：单参数
    // ES5
    $("#confetti-btn").click(function (event) {
      playTrumpet();
      fireConfettiCannon();
    });
    // ES6
    $("#confetti-btn").click(event => {
      playTrumpet();
      fireConfettiCannon();
    });

案例2：多参数
    // ES5
    var total = values.reduce(function (a, b) {
      return a + b;
    }, 0);
    // ES6
    var total = values.reduce((a, b) => a + b, 0);

函数可以作为方法参数？函数作为对象？

C语言中的回调函数：
以下是自知乎作者常溪玲的解说：
你到一个商店买东西，刚好你要的东西没有货，于是你在店员那里留下了你的电话，过了几天店里有货了，店员就打了你的电话，然后你接到电话后就到店里去取了货。在这个例子里，你的电话号码就叫回调函数，你把电话留给店员就叫登记回调函数，店里后来有货了叫做触发了回调关联的事件，店员给你打电话叫做调用回调函数，你到店里去取货叫做响应回调事件。

实例中 populate_array 函数定义了三个参数，其中第三个参数是函数的指针，通过该函数来设置数组的值。
实例中我们定义了回调函数getNextRandomValue，它返回一个随机值，它作为一个函数指针传递给 populate_array 函数。
populate_array 将调用 10 次回调函数，并将回调函数的返回值赋值给数组。
代码：
#include <stdlib.h>  
#include <stdio.h>
 
// 回调函数
void populate_array(int *array, size_t arraySize, int (*getNextValue)(void))
{
    for (size_t i=0; i<arraySize; i++)
        array[i] = getNextValue();
}
 
// 获取随机值
int getNextRandomValue(void)
{
    return rand();
}
 
int main(void)
{
    int myarray[10];
    populate_array(myarray, 10, getNextRandomValue);
    for(int i = 0; i < 10; i++) {
        printf("%d ", myarray[i]);
    }
    printf("\n");
    return 0;
}

在C语言中，可以把函数指针当作函数的形式参数，达到“回调函数”效果，相当与把一个“函数”当成一个函数的参数。

面向对象编程OOP，面向过程编程，面向切面编程AOP，函数式编程。目前函数式编程是比较热门，编程优雅，函数式编程是种编程方式，它将电脑运算视为函数的计算。函数编程语言最重要的基础是λ演算（lambda calculus），而且λ演算的函数可以接受函数当作输入（参数）和输出（返回值）。

class Functor 
  constructor(val) { 
    this.val = val; 
  }
  map(f) {
    return new Functor(f(this.val));
  }
}

(new Functor(2)).map(function (two) {
  return two + 2;
});
//Functor(4)

下面就用of方法替换掉new
Functor.of = function(val) {
  return new Functor(val);
};
然后，前面的例子就可以改成下面这样
Functor.of(2).map(function (two) {
  return two + 2;
});
// Functor(4)

ES6常用新特性总结: let&&var，iterable类型，解构赋值，箭头函数[Lambda]，延展操作符，类

JavaScript：将函数作为参数传入，作为回调函数。

调用函数时, 传递入的参数与顺序必须按照函数声明来排列, 所以调用doSomeThing时:
function doSomething(args,callback){
   somethingComplicated(args);
   callback();
}
//第一个参数如果不需要传递,可设置为null
//function onEnd(){} 这种方法通常是声明一个函数, 将函数作为参数传递可直接传递函数名称,或者传递匿名函数
//传递函数名称
function onEnd(){
//code
}
doSomething(null, onEnd);
//传递匿名函数
doSomething(null,function(){
   compute();
});

 js高阶函数(函数作为参数传递):  https://www.cnblogs.com/yz-blog/p/6478946.html
· 函数可以作为参数被传递
· 函数可以作为返回值输出

F12，选中Console调试javaScript代码。[下述代码调试只是验证react+redux框架中自带的dispatch函数]

函数闭包：

写法一：返回函数b

function fun(){
var i=0;
function b(){
console.log("i="+(++i));
}
return b ;
}
var c = fun();
var d = c() ;
console.log("fun="+fun);
console.log("c="+c);
console.log("d="+d);

写法二：箭头函数

function fun(){
    var i =0 ;
    return () => {console.log("i="+(++i))};
}
var c = fun();
var d = c();
console.log("fun="+fun);
console.log("c="+c);
console.log("d="+d);

箭头函数：

function fun(data){
    function dispatch(){
        console.log("data:"+data);
    }
    return dispatch ;
}
var c = fun(1);
var d=  c() ;
console.log("fun="+fun(1));
console.log("c="+c);
console.log("d="+d);

箭头函数：

function fun(data){
    return dispatch => {printData(data)} ;
}

function printData(data){
    console.log("data:"+data);
}
var c = fun(1);
var d=  c() ;
console.log("fun="+fun(1));
console.log("c="+c);
console.log("d="+d);