Home > Web Front-end > JS Tutorial > Javascript custom type, attribute, method example code summary

Javascript custom type, attribute, method example code summary

伊谢尔伦
Release: 2017-07-21 16:14:59
Original
1635 people have browsed it

Javascript commonly used custom types, attributes, and methods are organized. Friends in need can refer to it.

1. Define the type

function UserObject(parameter) { 
}
Copy after login

parameter can be omitted, which is equivalent to the constructor parameter in C#.
2. Instantiate the custom type

<script type="text/javascript"> 
function userobject(parameter){ 
} 
//myobject is now an object of type userobject! 
var myobject=new userobject("hi") 
alert(myobject) 
</script>
Copy after login

3. Add attributes

function userobject(parameter){ 
this.firstproperty=parameter 
this.secondproperty="This is the second property" 
}
Copy after login

//Use

<script> 
var myobject=new userobject("hi there.") 
//alerts "hi there." 
alert(myobject.firstproperty) 
//writes "This is the second property" 
document.write(myobject.secondproperty) 
</script>
Copy after login

4. Add method (circle class)

//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 
}
Copy after login

Associate to custom type:

<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>
Copy after login

Use custom method:

<script type="text/javascript"> 
var mycircle=new circle(20) 
//alerts 1256 
alert("area="+mycircle.area()) 
//alerts 400 
alert("diameter="+mycircle.diameter()) 
</script>
Copy after login


The above is the detailed content of Javascript custom type, attribute, method example code summary. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template