首頁  >  文章  >  web前端  >  javascript自訂物件的基本概念與建立方式實例詳解

javascript自訂物件的基本概念與建立方式實例詳解

伊谢尔伦
伊谢尔伦原創
2017-07-21 13:16:261485瀏覽

基本概念

1,自訂物件。

根據JS的物件擴充機制,使用者可以自訂JS對象,這與Java語言有類似的地方。

與自訂物件相對應的是JS標準對象,例如Date、Array、Math等等。

2,原型(prototype)

在JS中,這是一種建立物件屬性和方法的方式,透過prototype可以為物件新增新的屬性和方法。

透過prototype我們可以為JS標準物件新增新的屬性和方法,例如對於String對象,我們可以為其新增一個新的方法trim()。

與嚴格的程式語言(例如Java)不同,我們可以在運行期間為JS物件動態添加新的屬性。

物件建立方式

1)物件初始化器方式

格式:objectName = {property1:value1, property2:value2,…, propertyN: valueN}

property是物件的屬性

value則是物件的值,值可以是字串、數字或物件三者之一

例如: var user= {name:“user1”,age:18};

var user={name:“user1”,job:{salary:3000,title:programmer}

#以這種方式也可以初始化物件的方法,例如:

var user={name:“user1”,age:18,getName:function(){
 
return this.name;
 
}
 
}

後面將以建構函數方式為重點進行講解,包括屬性和方法的定義等等,也針對建構函數的方式進行講解。

2)建構函數方式

寫一個建構函數,並透過new方式來建立對象,建構函數本來可以有建構參數

例如:

function User(name,age){
 
this.name=name;
 
this.age=age;
 
this.canFly=false;
 
}
 
var use=new User();

以上是javascript自訂物件的基本概念與建立方式實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn