天天看點

JavaScript 對象

JavaScript 中的所有事物都是對象:字元串、數值、數組、函數...

此外,JavaScript 允許自定義對象。

JavaScript 提供多個内建對象,比如 String、Date、Array 等等。

對象隻是帶有屬性和方法的特殊資料類型。

布爾型可以是一個對象。

數字型可以是一個對象。

字元串也可以是一個對象

日期是一個對象

數學和正規表達式也是對象

數組是一個對象

甚至函數也可以是對象

對象隻是一種特殊的資料。對象擁有屬性和方法。

屬性是與對象相關的值。

通路對象屬性的文法是:

這個例子使用了 String 對象的 length 屬性來獲得字元串的長度:

在以上代碼執行後,x 的值将是:

方法是能夠在對象上執行的動作。

您可以通過以下文法來調用方法:

這個例子使用了 String 對象的 toUpperCase() 方法來将文本轉換為大寫:

通過 JavaScript,您能夠定義并建立自己的對象。

建立新對象有兩種不同的方法:

使用 Object 定義并建立對象的執行個體。

使用函數來定義對象,然後建立新的對象執行個體。

在 JavaScript 中,幾乎所有的對象都是 Object 類型的執行個體,它們都會從 Object.prototype 繼承屬性和方法。

Object 構造函數建立一個對象包裝器。

Object 構造函數,會根據給定的參數建立對象,具體有以下情況:

如果給定值是 null 或 undefined,将會建立并傳回一個空對象。

如果傳進去的是一個基本類型的值,則會構造其包裝類型的對象。

如果傳進去的是引用類型的值,仍然會傳回這個值,經他們複制的變量保有和源對象相同的引用位址。

當以非構造函數形式被調用時,Object 的行為等同于 new Object()。

文法格式:

value 可以是任何值。

以下執行個體使用 Object 生成布爾對象:

這個例子建立了對象的一個新執行個體,并向其添加了四個屬性:

person=new Object();

person.firstname="John";

person.lastname="Doe";

person.age=50;

person.eyecolor="blue";

也可以使用對象字面量來建立對象,文法格式如下:

其實就是大括号裡面建立 name:value 對,然後 name:value 對之間以逗号 , 隔開。

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

JavaScript 對象就是一個 name:value 集合。

本例使用函數來構造對象:

function person(firstname,lastname,age,eyecolor)

{

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

this.eyecolor=eyecolor;

}

在JavaScript中,this通常指向的是我們正在執行的函數本身,或者是指向該函數所屬的對象(運作時)

一旦您有了對象構造器,就可以建立新的對象執行個體,就像這樣:

您可以通過為對象指派,向已有對象添加新屬性:

假設 person 對象已存在 - 您可以為其添加這些新屬性:firstname、lastname、age 以及 eyecolor:

方法隻不過是附加在對象上的函數。

在構造器函數内部定義對象的方法:

changeName() 函數 name 的值賦給 person 的 lastname 屬性。

myMother.changeName("Doe");

JavaScript 是面向對象的語言,但 JavaScript 不使用類。

在 JavaScript 中,不會建立類,也不會通過類來建立對象(就像在其他面向對象的語言中那樣)。

JavaScript 基于 prototype,而不是基于類的。

JavaScript for...in 語句循環周遊對象的屬性。

<b>注意: </b>for...in 循環中的代碼塊将針對每個屬性執行一次。

循環周遊對象的屬性:

var person={fname:"John",lname:"Doe",age:25};

for (x in person)

txt=txt + person[x];

對象是可變的,它們是通過引用來傳遞的。

以下執行個體的 person 對象不會建立副本:

如果修改 x ,person 的屬性也會改變:

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

var x = person;

x.age = 10; // x.age 和 person.age 都會改變