Dans ce didacticiel, vous découvrirez les méthodes d'objet JavaScript et ce mot-clé à l'aide d'exemples.
En JavaScript, les objets peuvent également contenir des fonctions. Par exemple,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
Dans l'exemple ci-dessus, un personobjet a deux touches ( nameet greet), qui ont respectivement une valeur de chaîne et une valeur de fonction.
Par conséquent, la méthode JavaScript est une propriété d'objet qui a une valeur de fonction.
Accès aux méthodes d'objets
Vous pouvez accéder à une méthode objet en utilisant une notation par points. La syntaxe est:
objectName.methodKey()
Vous pouvez accéder à la propriété en appelant un objectName et une clé . Vous pouvez accéder à une méthode en appelant un objectName et une clé pour cette méthode avec (). Par exemple,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Ici, la greetméthode est accessible comme person.greet()au lieu de person.greet.
Si vous essayez d'accéder à la méthode avec seulement person.greet, cela vous donnera une définition de fonction.
person.greet; // ƒ () ( console.log('hello'); )
Méthodes intégrées JavaScript
En JavaScript, il existe de nombreuses méthodes intégrées. Par exemple,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Ici, la parseInt()méthode de l'objet Number est utilisée pour convertir une valeur de chaîne numérique en une valeur entière.
Pour en savoir plus sur les méthodes intégrées, consultez Méthodes intégrées JavaScript.
Ajout d'une méthode à un objet JavaScript
Vous pouvez également ajouter une méthode dans un objet. Par exemple,
// creating an object let student = ( ); // adding a property student.name = 'John'; // adding a method student.greet = function() ( console.log('hello'); ) // accessing a method student.greet(); // hello
Dans l'exemple ci-dessus, un studentobjet vide est créé. Ensuite, la namepropriété est ajoutée. De même, la greetméthode est également ajoutée. De cette manière, vous pouvez ajouter une méthode ainsi qu'une propriété à un objet.
JavaScript ce mot-clé
Pour accéder à une propriété d'un objet à partir d'une méthode du même objet, vous devez utiliser le thismot - clé. Prenons un exemple.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Production
Le nom est John
Dans l'exemple ci-dessus, un personobjet est créé. Il contient des propriétés ( nameet age) et une méthode greet.
Dans la méthode greet, lors de l'accès à une propriété d'un objet, un thismot-clé est utilisé.
Pour accéder aux propriétés d'un objet, le thismot-clé est utilisé après la touche. et .
Remarque : En JavaScript, le thismot-clé utilisé avec la méthode de l'objet fait référence à l'objet. thisest lié à un objet.
Cependant, la fonction à l'intérieur d'un objet peut accéder à sa variable de la même manière qu'une fonction normale le ferait. Par exemple,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Production
Le nom est John Doe
