react native開發基礎=JavaScript= 學習筆記----對象

先了解一點點基本概念,一:JavaScript 在web 開發人員必須學習的 3 門語言中的定位:

  1. HTML 定義了網頁的內容
  2. CSS 描述了網頁的佈局
  3. 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 對象:
例子:var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"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",age:50,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","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");
myFather.homeTown="sichuan";
myMother.homeTown="sichuan";




學習教程:JavaScript 教程


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章