Maison > interface Web > Questions et réponses frontales > attribut de méthode javascript

attribut de méthode javascript

王林
Libérer: 2023-05-09 16:52:37
original
490 Les gens l'ont consulté

1. Présentation

En JavaScript, les méthodes et les propriétés sont deux composants importants des objets. Les méthodes sont le comportement d'un objet, tandis que les propriétés sont des descriptions de l'objet. Les méthodes et propriétés jouent un rôle important dans la programmation orientée objet en JavaScript. Cet article utilisera des exemples pour présenter les connaissances pertinentes sur les attributs de la méthode.

2. Propriétés

En JavaScript, les propriétés d'un objet peuvent être des valeurs primitives (telles que des chaînes, des valeurs booléennes, des nombres, etc.) ou des objets. Les propriétés sont divisées en deux types : les propriétés de données et les propriétés d'accesseur. Les propriétés des données sont stockées directement dans l'objet, tandis que les propriétés de l'accesseur ne stockent pas directement les valeurs, mais définissent une paire de fonctions getter et setter.

  1. Attribut de données

Un attribut de données est un attribut d'objet qui contient une valeur de données. Un attribut de données comprend quatre caractéristiques qui décrivent son comportement : accessible en écriture, énumérable, configurable et valeur. Ces quatre caractéristiques peuvent être contrôlées via la méthode Object.defineProperty.

// Exemple de code
let obj = {};
Object.defineProperty(obj, 'name', {
valeur : 'Xiao Ming',#🎜 🎜 # inscriptible : false, //Non inscriptible
enumerable : true, //Enumerable
configurable : false //Non configurable
});

#🎜 🎜 #Propriété d'accesseur
  1. Les propriétés d'accesseur sont des fonctions qui sont exécutées lors de l'obtention et de la définition des valeurs de propriété. Une propriété accesseur comprend deux méthodes, à savoir la fonction getter et la fonction setter. Ces deux méthodes doivent correspondre respectivement aux deux mots-clés get et set lors de leur définition.

// Exemple de code

let obj = {

_name : 'Xiao Ming',
get name(){

return this._name
Copier après la connexion

} ,

set name(value){

console.log('更新了名字')
this._name = value
Copier après la connexion

}

}

obj.name = '小红'
console.log(obj.name) / /Sortie : Xiaohong

3. Méthode

La méthode est le comportement de l'objet. Les méthodes en JavaScript sont des fonctions spéciales. Utilisez des méthodes pour implémenter un comportement complexe des objets.

Méthode Objet
  1. La méthode Objet fait référence à une fonction qui est une propriété d'objet. Les méthodes objet utilisent généralement le mot-clé this pour faire référence à l'objet lui-même.

// Exemple de code

let obj = {

name : '小明',
sayHi: function(){

console.log(`Hi, 我的名字是${this.name}`)
Copier après la connexion

}

}

obj.sayHi() //Sortie : Salut, je m'appelle Xiao Ming

Méthode prototype
  1. #🎜🎜 La méthode #Prototype fait référence à la fonction qui est l'attribut prototype du constructeur. Les méthodes prototypes utilisent généralement le mot-clé this pour faire référence à l'objet instance.
// Exemple de code

function Personne(nom){

this.name = nom

}
Person.prototype.sayHi = function(){
console.log(
)
}
let person = new Person('Xiao Ming')Hi, 我的名字是${this.name}person.sayHi() //Sortie : Salut, mon nom C'est Xiao Ming


static method

  1. La méthode statique est une méthode qui n'a pas besoin d'instancier un objet et est appelée directement via le constructeur. Les méthodes statiques sont généralement référencées à l'aide du nom de la classe.
//Exemple de code

class Calculator{

static add(a, b){

return a + b
Copier après la connexion

}
static soustract(a, b){

return a - b
Copier après la connexion

}
}

console.log(Calculator.add(1, 2)) //Sortie : 3


4. Résumé

Les méthodes et les propriétés sont deux composants importants des objets. La maîtrise des propriétés des méthodes est très importante pour la programmation orientée objet JavaScript. Lors de l'écriture du code, nous devons utiliser de manière flexible les attributs de données, les attributs d'accesseur, les méthodes objet, les méthodes prototypes et les méthodes statiques pour rendre le code plus élégant, concis et facile à maintenir.

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!

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