react native开发基础=JavaScript= 学习笔记----对象

发布时间：2020-12-15 08:29:56 所属栏目：百科来源：网络整理

导读：先了解一点点基本概念，一：JavaScript 在web 开发人员必须学习的 3 门语言中的定位: HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 定义网页的行为我这里学习javascript不是为了写网页，而是为了学懂react native。基本概念二：JavaScript 字面

先了解一点点基本概念，一：JavaScript 在web 开发人员必须学习的 3 门语言中的定位:

HTML定义了网页的内容
CSS描述了网页的布局
JavaScript定义网页的行为

我这里学习javascript不是为了写网页，而是为了学懂react native。

基本概念二：JavaScript 字面量

在javaScript中，一个字面量是一个常量。它是一个值。分为

数字（Number）字面量

字符串（String）字面量可以使用单引号或双引号:

表达式字面量用于计算：

数组（Array）字面量定义一个数组：[40,100,1,5,25,10]

对象（Object）字面量定义一个对象：{firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"}

函数（Function）字面量定义一个函数：function myFunction(a,b) { return a * b;}

JavaScript对象

首先说下JavaScript的类

JavaScript 是面向对象的语言，但 JavaScript 不使用类。

在 JavaScript 中，不会创建类，也不会通过类来创建对象（不像在java，C++，Objective-C那样先定义类，再通过类来创建具体对象）。

JavaScript 基于 prototype，而不是基于类的。

在JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...

JavaScript 中对象是变量的容器。

对象定义：

你可以使用字符来定义和创建 JavaScript 对象:

例子：varperson = {firstName:"John",lastName:"Doe"50"blue"};

对象属性

可以说 "JavaScript 对象是变量的容器"。

但是，我们通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为name : value(键与值以冒号分割)。键值对在 JavaScript 对象通常称为对象属性。

JavaScript 对象是属性变量的容器。

访问对象属性

你可以通过两种方式访问对象属性:

方法一：person.lastName;

方法二：person["lastName"];

JavaScript 对象是属性变量的容器。

对象方法

对象的方法定义了一个函数，并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

该实例访问了 person 对象的 fullName() 方法:

访问对象方法

你可以使用以下语法创建对象方法：

 
   methodName : function() { code lines } 
  

你可以使用以下语法访问对象方法：

 
   objectName.methodName() 
  

通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。

有多种方式可以创建，使用和修改 JavaScript 对象。

同样也有多种方式用来创建，使用和修改属性和方法。

例子：

var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};

person.fullName 和person.fullName(); 是不同的

person.fullName 的值是 John Doe。而

person.fullName()的值是：function () { return this.firstName + " " + this.lastName; }

你可以在网页上试试： js菜鸟教程在线工具

创建 JavaScript 对象

创建新对象有两种不同的方法：

定义并创建对象的实例
使用函数来定义对象，然后创建新的对象实例

直接创建实例

这个例子创建了对象的一个新实例，并向其添加了四个属性：

实例

    person=new Object(); 
   
 person.firstname="John"; 
   
 person.lastname="Doe"; 
   
 person.age=50; 
   
 person.eyecolor="blue";

替代语法：person={firstname:"John",lastname:"Doe",eyecolor:"blue"};

使用对象构造器

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

一旦您有了对象构造器，就可以创建新的对象实例，就像这样：

    var myFather=new person("John","Doe",50,"blue"); 
   
 var myMother=new person("Sally","Rally",48,"green");

把属性添加到 JavaScript 对象

您可以通过为对象赋值，向已有对象添加新属性。比如上面的例子，创建好myFather和myMother后，可以再添加属性

 
   var myFather=new person("John","blue"); 
   
   var myMother=new person("Sally","green");

 
   myFather.homeTown="sichuan";

 
   myMother.homeTown="sichuan"; 
  

学习教程：JavaScript 教程

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!