JS中是会识别为false的值:
undefined null 0 NaN 空字符串 (“”)
这样的方法是定义在全局的,当在类中定义的时候,不需要funciton关键字
通过this.functionName来访问
class JSReactBasics extends Component {
render() {
return (
this.backgorundClicked()}
underlayColor = ‘#ddd’
style = {styles.container}
{mainText}
);
}
backgorundClicked(){
console.log(“类中的方法”);
}
}箭头函数(Arrow functions)
没接触过JS的同学可能会对
onPress={() => this.backgorundClicked()
这一行感到很奇怪,其实这里onPress是一个函数类型(在JS中,函数本身也是一种类型)。这其实是JS中的箭头函数,他提供了一种更简洁的函数表达方式
修改backgorundClicked,为如下内容
backgorundClicked(){
var a = [
"Hydrogen",
"Helium",
"Lithium",
"Beryl-lium"
];
var a2 = a.map(function(s){ return s.length });
var a3 = a.map( (s) => s.length );
console.log(a2);
console.log(a3);
}
然后,save,Commnad+R刷新,可以看到两个log的内容是一样的。也就是说,(s)用来描述参数,=>后的表示方法的执行体。学过Swift的童鞋,会发现和Swift的必包很像。数组
可以由以下三种方式创建数组,访问数组的方式还是通过角标来访访问
var a = [“1”,”2”,”3”,”4”];
var b = new Array(“1”,”2”,”3”,”4”)
var c = Array(“1”,”2”,”3”,”4”)
console.log(a[1]);
数组有一些方便的方法,例如合并,排序,检索等,可以在MDN上找到字典Maps
var map = {“key1”:”value1”,”key2”:”value2”}
map[“key4”] = “value4”
console.log(map[“key1”])
console.log(map[“key4”])- JavaScript是基于原型的面对象语言
理解这一点,对使用JS开发还是比较重要的。
像Java,Objective C,C++都是基于类的面向对象语言,面向对象语言有两个,基于类的面向对象语言主要有两个概念
类(class),定义了一组具有某一类特征的事务。类是抽象的,比如鸟类 实例(instance),实体是类的实体话提现,比如一只鸟
基于原型的面向对象
基于原型的面向对象语言并不存在这种区别,基于原型的面向对象语言所有的都是对象。基于原型的面向对象语言有一个概念叫做原型对象,古代有一种东西叫做活字印刷术,那一个个字的模版就是这里的原型对象。
Tips:React Native引入了基于类的面向对象编程概念,这个在后面讲解React基础的时候来介绍
通过比较Java和JS可以了解二者的区分
基于类的(Java) 基于原型的(JavaScript)
类和实例是不同的事物。 所有对象均为实例。
通过类定义来定义类;通过构造器方法来实例化类。 通过构造器函数来定义和创建一组对象。
通过 new 操作符创建单个对象。 相同。
通过类定义来定义现存类的子类,从而构建对象的层级结构。 指定一个对象作为原型并且与构造函数一起构建对象的层级结构
遵循原型链继承属性。 构造器函数或原型指定初始的属性集。允许动态地向单个的对象或者整个对象集中添加或移除属性。
未完,待续~~~