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

Explication détaillée des concepts de base et des méthodes de création d'objets personnalisés JavaScript

伊谢尔伦
Libérer: 2017-07-21 13:16:26
original
1522 Les gens l'ont consulté

Concepts de base

1. Objets personnalisés.

Selon le mécanisme d'extension d'objet de JS, les utilisateurs peuvent personnaliser les objets JS, ce qui est similaire au langage Java.

Les objets personnalisés correspondent aux objets standard JS, tels que Date, Array, Math, etc.

2. Prototype

En JS, il s'agit d'un moyen de créer des propriétés et des méthodes d'objet. De nouvelles propriétés et méthodes peuvent être ajoutées aux objets via un prototype.

Grâce au prototype, nous pouvons ajouter de nouvelles propriétés et méthodes aux objets standard JS, par exemple, pour les objets String, nous pouvons ajouter une nouvelle méthode trim().

Contrairement aux langages de programmation stricts tels que Java, nous pouvons ajouter dynamiquement de nouvelles propriétés aux objets JS au moment de l'exécution.

Méthode de création d'objet

1) Méthode d'initialisation d'objet

Format : objectName = {property1:value1, property2:value2,…, propertyN : valueN >

la propriété est l'attribut de l'objet

la valeur est la valeur de l'objet. La valeur peut être une chaîne, un nombre ou un objet

Par exemple : var user. = {name:"user1",age:18};

var user={name:"user1",job:{salary:3000,title:programmer}

De cette façon également Les méthodes qui peuvent initialiser des objets, telles que :

var user={name:“user1”,age:18,getName:function(){
 
return this.name;
 
}
 
}
Copier après la connexion

seront expliquées plus tard en mettant l'accent sur la méthode constructeur, y compris la définition des attributs et des méthodes, etc., et la méthode constructeur sera également expliquée.

2) Méthode du constructeur

Écrivez un constructeur et créez l'objet via une nouvelle méthode. Le constructeur peut avoir des paramètres de construction

Par exemple :

function User(name,age){
 
this.name=name;
 
this.age=age;
 
this.canFly=false;
 
}
 
var use=new User();
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