Maison > interface Web > js tutoriel > le corps du texte

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

伊谢尔伦
Libérer: 2017-07-21 16:14:59
original
1582 Les gens l'ont consulté

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) { 
}
Copier après la connexion

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>
Copier après la connexion

3. Ajoutez des attributs

function userobject(parameter){ 
this.firstproperty=parameter 
this.secondproperty="This is the second property" 
}
Copier après la connexion

//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>
Copier après la connexion

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 
}
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!