Maison  >  Article  >  interface Web  >  Type personnalisé Javascript, attribut, résumé du code d'exemple de méthode

Type personnalisé Javascript, attribut, résumé du code d'exemple de méthode

伊谢尔伦
伊谢尔伦original
2017-07-21 16:14:591606parcourir

Les types, attributs et méthodes personnalisés Javascript couramment utilisés sont organisés. Les amis dans le besoin peuvent s'y référer.

1. Définir le type

function UserObject(parameter) { 
}

le paramètre peut être omis, ce qui est équivalent au paramètre constructeur en C#.
2. Instanciez le type personnalisé

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

3. Ajoutez des attributs

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

//Utilisez

<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. Ajouter une méthode (classe cercle)

//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 
}

associée au type personnalisé :

<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>

Utiliser la méthode personnalisée :

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


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn