Javascript 自定義類型方法小結
更新時間：2010年03月02日 12:33:56 作者：
Javascript 常用自定義類型方法整理，需要的朋友可以參考下。
1. 定義類型
function UserObject(parameter) {
}
parameter 可省略，相當于C#中構造函數(shù)參數(shù)。
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
}
關聯(lián)到自定義類型：
<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>
復制代碼 代碼如下:
function UserObject(parameter) {
}
parameter 可省略，相當于C#中構造函數(shù)參數(shù)。
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
}
關聯(lián)到自定義類型：
復制代碼 代碼如下:
<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>
相關文章
這篇文章主要介紹了解決微信小程序防止無法回到主頁的問題,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
用javascript實現(xiàn)在小方框中瀏覽大圖的代碼
用javascript實現(xiàn)在小方框中瀏覽大圖的代碼...2007-08-08
js動態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù)
本節(jié)主要介紹了js動態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù),需要的朋友可以參考下2014-07-07
antd designable平臺的組件拖拽功能實現(xiàn)代碼
這篇文章主要介紹了antd designable平臺的組件拖拽功能實現(xiàn)代碼,本文給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-07-07
JavaScript實現(xiàn)隨機數(shù)生成器（去重）
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)隨機數(shù)生成器，生成不重復的隨機數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
js當一個變量為函數(shù)時 應該注意的一點細節(jié)小結
變量testFun為一個匿名函數(shù)，匿名函數(shù)返回的一個testFun.init對象（也是一個匿名函數(shù)）2011-12-12
這篇文章主要介紹了微信小程序 可搜索的地址選擇實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
jquery的寫法從事web開發(fā)的人員應該不會陌生吧，下面我們要說的是使用js模仿jquery寫法的實現(xiàn)代碼，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
使用Sticky組件實現(xiàn)帶sticky效果的tab導航和滾動導航的方法
sticky組件，通常應用于導航條或者工具欄，當網(wǎng)頁在某一區(qū)域滾動的時候，將導航條或工具欄這類元素固定在頁面頂部或底部，方便用戶快速進行這類元素提供的操作2016-03-03
javascript使用Promise對象實現(xiàn)異步編程
這篇文章主要介紹了javascript使用Promise對象實現(xiàn)異步編程的相關資料,需要的朋友可以參考下2016-03-03