Rumah > hujung hadapan web > tutorial js > Javascript自定义类型、属性、方法实例代码汇总

Javascript自定义类型、属性、方法实例代码汇总

伊谢尔伦
Lepaskan: 2017-07-21 16:14:59
asal
1647 orang telah melayarinya

Javascript常用自定义类型、属性、方法整理,需要的朋友可以参考下。

1. 定义类型 

function UserObject(parameter) { 
}
Salin selepas log masuk

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>
Salin selepas log masuk

3. 添加属性

function userobject(parameter){ 
this.firstproperty=parameter 
this.secondproperty="This is the second property" 
}
Salin selepas log masuk

//使用

<script> 
var myobject=new userobject("hi there.") 
//alerts "hi there." 
alert(myobject.firstproperty) 
//writes "This is the second property" 
document.write(myobject.secondproperty) 
</script>
Salin selepas log masuk

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 
}
Salin selepas log masuk

关联到自定义类型:

<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>
Salin selepas log masuk

使用自定义方法:

<script type="text/javascript"> 
var mycircle=new circle(20) 
//alerts 1256 
alert("area="+mycircle.area()) 
//alerts 400 
alert("diameter="+mycircle.diameter()) 
</script>
Salin selepas log masuk


Atas ialah kandungan terperinci Javascript自定义类型、属性、方法实例代码汇总. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan