首頁 > web前端 > js教程 > Javascript自訂類型、屬性、方法實例程式碼匯總

Javascript自訂類型、屬性、方法實例程式碼匯總

伊谢尔伦
發布: 2017-07-21 16:14:59
原創
1624 人瀏覽過

Javascript常用自訂類型、屬性、方法整理,需要的朋友可以參考下。

1. 定義型別 

function UserObject(parameter) { 
}
登入後複製

parameter 可省略,相當於C#中建構函數參數。
2. 實例化自訂類型 

<script type="text/javascript"> 
function userobject(parameter){ 
} 
//myobject is now an object of type userobject! 
var myobject=new userobject("hi") 
alert(myobject) 
</script>
登入後複製

#3. 新增屬性 

function userobject(parameter){ 
this.firstproperty=parameter 
this.secondproperty="This is the second property" 
}
登入後複製

//使用 

#
<script> 
var myobject=new userobject("hi there.") 
//alerts "hi there." 
alert(myobject.firstproperty) 
//writes "This is the second property" 
document.write(myobject.secondproperty) 
</script>
登入後複製

4.新增方法(circle類別) 

//first method function 
function computearea(){ 
var area=this.radius*this.radius*3.14 
return area 
} 
//second method function 
function computediameter(){ 
var diameter=this.radius*2 
return diameter 
}
登入後複製

關聯到自訂類型: 

<script type="text/javascript"> 
/*the below creates a new object, and gives it the two methods defined earlier*/ 
function circle(r){ 
//property that stores the radius 
this.radius=r 
this.area=computearea 
this.diameter=computediameter 
} 
</script>
登入後複製

使用自訂方法: 

<script type="text/javascript"> 
var mycircle=new circle(20) 
//alerts 1256 
alert("area="+mycircle.area()) 
//alerts 400 
alert("diameter="+mycircle.diameter()) 
</script>
登入後複製


以上是Javascript自訂類型、屬性、方法實例程式碼匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板