javascript物件簡單介紹

antzone發表於2017-03-13

本章節簡單簡單介紹一下javascript物件的基礎知識,希望能夠對初學者有所幫助。

一.物件的概念:

物件是屬性的無序集合,每一個屬性可以存放一個原始型別值,物件或者函式。

其實物件就是沒有特定順序的陣列。

二.物件的建立:

既然要使用物件,那麼肯定就要首先建立物件,建立物件的方法有多種,下面簡單介紹一下。

1.物件直接量方式:

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var obj={}

以上程式碼建立一個空物件,由此也發現,建立一個物件直接量的一個條件就是外面要套一個大括號。

當然只有物件沒有屬性是不行的,下面再看一段程式碼:

[JavaScript] 純文字檢視 複製程式碼
var obj={
  webNmae:"螞蟻部落",
  webAddress:"青島市南區",
  age:2
}

以上程式碼建立了一個具有三個屬性的物件直接量,下面做一下簡要介紹:

1.物件直接量就是由名值對組成的列表,名就是物件的屬性,值就是屬性值。

2.每一個名值對之間用冒號分隔。

3.名值對和名值對之間用逗號分隔。

4.在ECMAScript5中,以保留字作為屬性名稱可以不加引號,在ECMAScript3中必須加。

物件的屬性也可以在建立以後再新增,例如:

[JavaScript] 純文字檢視 複製程式碼
var obj={}
obj.webNmae="螞蟻部落";
obj.webAddress="青島市南區";
obj.age=2;

二.以建構函式方式建立物件:

在javascript中並沒有類這個概念,但是我們可以認為函式就是一個類,看以下程式碼:

[JavaScript] 純文字檢視 複製程式碼
function theClass(){
  this.webName="螞蟻部落";
  this.webAddress="青島市南區";
  this.age=2;
}
var obj=new theClass();
console.log(obj.webName);

以上程式碼可以輸出:螞蟻部落。

相關文章