美文网首页Android开发Android进阶之路Android开发
一个Android程序员眼中的 React.js 箭头函数,co

一个Android程序员眼中的 React.js 箭头函数,co

作者: 王亟亟 | 来源:发表于2016-09-28 14:03 被阅读188次

转载请注明出处:王亟亟的大牛之路

昨天写了篇React.js的开头之作,讲了讲块级作用域和let,先安利:https://github.com/ddwhan0123/Useful-Open-Source-Android

上一篇的传送门:http://blog.csdn.net/ddwhan0123/article/details/52681169

这里补充下语法环境皆为 ES6


const

const类似于java中的 常量,申明了值就不允许改变。

申明了 就必须立马赋值 不然会 抛SyntaxError: Missing initializer in const declaration

赋值语句和普通变量没什么区别

const Wjj=10086;

const和let一样,也只能在所在的{}范围内有效,超出了也会抛出Uncaught ReferenceError: Wjj is not defined

和let一样 他也必须先申明后使用

const如果申明的是一个非基本数据类型,那么他会指向一个地址,但是这个地址的数据是可变的。

要怎么改变常量的值可以用

const wjj=[];

通过改变数组里元素的值来改变常量的值


箭头函数

第一眼看到给我的感觉像 java8的lambda 表达式,实际上也差不多,让我们来看看具体是怎么回事

他其实也就是 一种function(){}的简写,结构如下


参数不是必须的,返回值也不是必须的,你可以根据自己的需要做出组合。


PropTypes

React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。类似于RxJava的.fliter()。

接下来用一个简单的例子来解释下这个属性

这里定义了一个TestPro组件,我们设定了他的title属性必须为string类型,我们在调用装载这个组件的时候传入了’hi’,效果如下

如果传入不合法值的时候就会报错了

这篇就讲到这,接下来一段时间会继续学些React.js

相关文章

  • 一个Android程序员眼中的 React.js 箭头函数,co

    转载请注明出处:王亟亟的大牛之路 昨天写了篇React.js的开头之作,讲了讲块级作用域和let,先安利:http...

  • 学习 ES 6 箭头函数

    箭头函数的用法 ES6 允许使用“箭头”(=>)定义函数。 箭头函数的一个用处是简化回调函数。 箭头函数 this...

  • 箭头函数

    箭头函数 箭头函数能让this的指向固定化 分析:1)第一个setInterval()中使用了箭头函数,箭头函数使...

  • co函数

    一、什么是 co 函数库? co 函数库是著名程序员 TJ Holowaychuk 于2013年6月发布的一个小工...

  • ES6 - 箭头函数(替代匿名函数)

    箭头函数替代匿名函数 无参数 一个参数 多个参数 箭头函数和匿名函数的区别 箭头函数体内的 this 由其外层函数...

  • 箭头函数

    1. 箭头函数的形式 (a,b,c) => {函数声明} 当箭头函数只有一个参数时 a => {函数声明} 当箭头...

  • 函数的this是什么时候绑定的

    箭头函数是没有this的,箭头函数中的this只取决于包裹箭头函数的第一个普通函数的this。

  • 箭头函数和普通函数的区别

    什么是箭头函数? 箭头函数就是没有function关键字,而是一个类似箭头的函数: 相当于 它们之间的区别: 箭头...

  • 解析 ES6 新增语法:奇妙的箭头函数

    什么是箭头函数?看下面的语法。 为什么要用箭头函数?一个字:短。 1 箭头函数最大的优点就是简短。 2 箭头函数不...

  • 箭头函数和普通函数的区别

    定义:箭头函数没有function关键字,而是一个类似箭头的函数。 等价于 区别: 箭头函数作为匿名函数,是不能作...

网友评论

    本文标题:一个Android程序员眼中的 React.js 箭头函数,co

    本文链接:https://www.haomeiwen.com/subject/zzwhyttx.html