Maison > interface Web > js tutoriel > Explication détaillée de la façon dont JavaScript ajoute, modifie ou supprime des attributs et des instances de méthode pour les objets

Explication détaillée de la façon dont JavaScript ajoute, modifie ou supprime des attributs et des instances de méthode pour les objets

伊谢尔伦
Libérer: 2017-07-21 09:45:58
original
1871 Les gens l'ont consulté

Présente comment ajouter, modifier ou supprimer des propriétés et des méthodes pour un objet. Dans d'autres langages, une fois qu'un objet est généré, il ne peut pas être modifié. Pour ajouter des membres modifiés à un objet, il doit être modifié dans la classe correspondante et réinstancié, et le programme doit être recompilé. Ce n'est pas le cas en JavaScript, qui fournit un mécanisme flexible pour modifier le comportement des objets et peut ajouter, modifier et supprimer dynamiquement des propriétés et des méthodes. Par exemple, utilisez d'abord la classe Object pour créer un utilisateur d'objet vide :

var user=new Object();
Copier après la connexion

1. Ajouter des attributs
Pour le moment, l'objet utilisateur n'a aucun attribut ni méthode, ce qui ne sert évidemment à rien. Mais vous pouvez lui ajouter des attributs et des méthodes de manière dynamique, par exemple :

user.name=”jack”;
user.age=21;
user.sex=”male”;
Copier après la connexion

Grâce à l'instruction ci-dessus, l'objet utilisateur a trois attributs : nom, âge et sexe. Affichez ces trois instructions ci-dessous :

alert(user.name);
alert(user.age);
alert(user.sex);
Copier après la connexion

Il ressort de l'effet d'exécution du code que les trois attributs appartiennent entièrement à l'objet utilisateur.

2. Ajout de méthodes
Le processus d'ajout de méthodes est similaire aux attributs :

user.alert=function(){
alert(“my name is:”+this.name);
}
Copier après la connexion

Cela ajoute une méthode "alerte" à l'objet utilisateur En l'exécutant, une boîte de dialogue peut. pop-up. Affichez l'introduction de votre nom :

user.alert();
Copier après la connexion

3. Modifier les attributs
Le processus de modification d'un attribut consiste à remplacer l'ancien attribut par un nouvel attribut, par exemple :

user.name=”tom”;
user.alert=function(){
alert(“hello,”+this.name);
}
Copier après la connexion

De cette façon, la valeur et la méthode d'alerte de l'attribut name de l'objet utilisateur est modifié, il passe de l'affichage de "mon nom est" à l'affichage de "bonjour".

4. Supprimer un attribut
Le processus de suppression d'un attribut est également très simple, qui consiste à le définir sur non défini :

user.name=undefined;
user.alert=undefined;
Copier après la connexion

De cette façon, l'attribut name et la méthode d'alerte sont supprimés . Plus tard dans le code, ces propriétés deviennent indisponibles.
Lors de l'ajout, de la modification ou de la suppression d'attributs, vous pouvez également utiliser la syntaxe des crochets ([]) tout comme les attributs de référence :

user[“name”]=”tom”;
Copier après la connexion

Il existe une fonctionnalité supplémentaire liée à l'utilisation de cette méthode, c'est-à-dire que vous pouvez utiliser des chaînes non identifiantes comme noms d'attributs. Par exemple, les identifiants
ne sont pas autorisés à commencer par des chiffres ou des espaces, mais ils peuvent être utilisés entre crochets ([]) dans la syntaxe :
<🎜. >

user[“my name”]=”tom”;
Copier après la connexion
Il est à noter que lorsqu'on utilise ce non-identifiant comme attribut d'un nom, il doit quand même être cité entre crochets dans la syntaxe :


alert(user[“my name”]);
Copier après la connexion
mais ne peut pas être écrit comme :


alert(user.my name);
Copier après la connexion
En utilisant cette propriété des objets, il est même facile d'implémenter une simple table de hachage, et vous verrez son application plus loin dans ce livre. On peut voir que chaque objet en JavaScript est dynamiquement variable, ce qui apporte une grande flexibilité à la programmation et est également très différent des autres langages. Les lecteurs peuvent apprécier cette propriété.


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