Maison  >  Article  >  interface Web  >  propriétés et méthodes javascript

propriétés et méthodes javascript

王林
王林original
2023-05-09 11:36:37574parcourir

JavaScript est un langage de programmation web largement utilisé. Tout comme les autres langages de programmation, JavaScript possède le concept de propriétés et de méthodes. Cet article présente les concepts, l'utilisation et des exemples de propriétés et méthodes JavaScript.

1. Les attributs

Les attributs sont des caractéristiques ou des caractéristiques d'un objet. Les objets JavaScript sont composés de paires clé-valeur, où la clé est le nom de la propriété et la valeur est la valeur de la propriété. Les valeurs de propriété peuvent être n'importe quel type de données, telles que des chaînes, des nombres, des valeurs booléennes, des objets, des tableaux, etc.

  1. Déclaration des propriétés

Les propriétés peuvent être déclarées en utilisant la syntaxe suivante :

objectName.propertyName = value;

Dans cette syntaxe, objectName est le nom de l'objet, propertyName est le nom de la propriété, value est la valeur de la propriété.

Voici un exemple :

var person = new Object();
person.age = 30;
person.name = "John Doe";

Ce code crée un objet nommé personne et lui ajoute deux propriétés : âge et nom.

  1. Accès aux propriétés

Les propriétés sont accessibles en utilisant la syntaxe suivante :

objectName.propertyName

Voici un exemple : # 🎜🎜 #

var person = new Object();
person.age = 30;
person.name = "John Doe";

console.log(person.age); //输出:30
console.log(person.name); //输出:"John Doe"

Ce code génère deux valeurs d'attribut​​de personne : l'âge et le nom.

    Supprimer les attributs
Les attributs peuvent être supprimés en utilisant la syntaxe suivante :

delete objectName.propertyName;

Voici un exemple : # 🎜🎜 #
var person = new Object();
person.age = 30;
person.name = "John Doe";

delete person.age;

console.log(person.age); //输出:undefined
console.log(person.name); //输出:"John Doe"

Ce code supprime l'attribut age de l'objet personne.

2. Les méthodes

Les méthodes sont des opérations que les objets peuvent effectuer. Les méthodes sont des fonctions d'un objet. Les méthodes sont généralement utilisées pour modifier l’état d’un objet ou effectuer une action.

Déclaration de méthodes
  1. Les méthodes peuvent être déclarées par la syntaxe suivante :
objectName.methodName = function() {
    //方法代码
};

Dans cette syntaxe, objectName est le nom de l'objet, methodName est le nom de la méthode. Le code de méthode est un code de fonction défini entre accolades ({}).

Voici un exemple :

var person = new Object();
person.age = 30;
person.getName = function() {
    return "John Doe";
}

Ce code crée un objet nommé person et y ajoute une méthode getName.

Appel de méthodes
  1. Les méthodes peuvent être appelées en utilisant la syntaxe suivante :
objectName.methodName();

Voici un exemple : # 🎜🎜 #

var person = new Object();
person.age = 30;
person.getName = function() {
    return "John Doe";
}

console.log(person.getName()); //输出:"John Doe"

Ce code appelle la méthode getName de l'objet personne et affiche la valeur renvoyée par la méthode.

Méthode Supprimer

  1. Vous pouvez utiliser le mot clé delete pour supprimer un objet :
  2. delete objectName.methodName;
Voici un exemple :

var person = new Object();
person.age = 30;
person.getName = function() {
    return "John Doe";
}

delete person.getName;

console.log(person.getName()); //输出:undefined

Ce code supprime la méthode getName de l'objet personne.

3. Résumé

Les propriétés et méthodes JavaScript sont des concepts très importants et fondamentaux dans la programmation Web et peuvent être utilisées pour représenter les caractéristiques et les opérations des objets. Il est important de comprendre et de se familiariser avec ces concepts lors de l'écriture de code JavaScript. Grâce aux exemples ci-dessus, vous devriez maîtriser l'utilisation et la syntaxe des propriétés et des méthodes. J'espère que cet article vous sera utile.

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