React Native开发写的JS和React入门知识

  1. JS中是会识别为false的值:

    undefined null 0 NaN 空字符串 (“”)

  2. 这样的方法是定义在全局的,当在类中定义的时候,不需要funciton关键字
    通过this.functionName来访问
    class JSReactBasics extends Component {
    render() {
    return (
    this.backgorundClicked()}
    underlayColor = ‘#ddd’
    style = {styles.container}


    {mainText}


    );
    }
    backgorundClicked(){
    console.log(“类中的方法”);
    }
    }

  3. 箭头函数(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的必包很像。

  4. 数组
    可以由以下三种方式创建数组,访问数组的方式还是通过角标来访访问
    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上找到

  5. 字典Maps
    var map = {“key1”:”value1”,”key2”:”value2”}
    map[“key4”] = “value4”
    console.log(map[“key1”])
    console.log(map[“key4”])

    1. JavaScript是基于原型的面对象语言

理解这一点,对使用JS开发还是比较重要的。
像Java,Objective C,C++都是基于类的面向对象语言,面向对象语言有两个,基于类的面向对象语言主要有两个概念

类(class),定义了一组具有某一类特征的事务。类是抽象的,比如鸟类 实例(instance),实体是类的实体话提现,比如一只鸟
基于原型的面向对象

基于原型的面向对象语言并不存在这种区别,基于原型的面向对象语言所有的都是对象。基于原型的面向对象语言有一个概念叫做原型对象,古代有一种东西叫做活字印刷术,那一个个字的模版就是这里的原型对象。
Tips:React Native引入了基于类的面向对象编程概念,这个在后面讲解React基础的时候来介绍

通过比较Java和JS可以了解二者的区分

基于类的(Java) 基于原型的(JavaScript)
类和实例是不同的事物。 所有对象均为实例。
通过类定义来定义类;通过构造器方法来实例化类。 通过构造器函数来定义和创建一组对象。
通过 new 操作符创建单个对象。 相同。
通过类定义来定义现存类的子类,从而构建对象的层级结构。 指定一个对象作为原型并且与构造函数一起构建对象的层级结构
遵循原型链继承属性。 构造器函数或原型指定初始的属性集。允许动态地向单个的对象或者整个对象集中添加或移除属性。

未完,待续~~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Daniel-yan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值