05月01, 2018

React学习之旅 (00) -- 介绍及ES6相关

声明:本笔记参考,来自于老潇(陈潇冰)视频教程(https://ke.qq.com/course/293454), 这里只是用于学习记录,如果对来到这里的朋友有所帮助,那是再好不过~~


React简介

ReactJS是为了解决构建随着时间数据不断变化的大规模应用程序而设计的用来构建用户界面的JavaScript库,是MVC中的V(视图). React两个主要思想:简单,表达能力

ES6相关及概念

React全面拥抱ES6,所以需要了解运用ES6语法,例如:箭头函数、扩展运算符、类、模版字符串、let、const、模块导入导出等等...

高阶函数:所谓高阶函数,就是函数的参数可以是函数,如:map, filter, reduce...


函数合成:一个值要经过多个函数,才能变成另外一个值

举个栗子:

function compose(fn1, fn2)
{
  return function(x)
  {
    return fn1(fn2(x))
  }
}

function show1(n)
{
  return n+1;
}
function show2(n)
{
  return n+10;
}
let res = compose(show1, show2)(10);
console.log(res); //21

如果用箭头函数就是这样:

const compose = (fn1, fn2)=>x=>fn1(fn2(x))
const show1 = n=>n+1;
const show2 = n=>n+10;

let res = compose(show1, show2)(10);
console.log(res); //21

函数柯里化: 表现是 -- 多参函数,变成嵌套函数,子函数用父函数变量

举个栗子

function add(a)
{
  return function (b)
  {
    return a+b;
  }
}

console.log( add(1)(2) ); //3

箭头函数写法

const add = a=>b=>a+b;
console.log( add(1)(2) ) //3

本文链接:http://www.laijianlou.top/post/react-00.html

-- EOF --

Comments