In deze tutorial leert u met behulp van voorbeelden over JavaScript-objectmethoden en dit trefwoord.
In JavaScript kunnen objecten ook functies bevatten. Bijvoorbeeld,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
In het bovenstaande voorbeeld heeft een personobject twee sleutels ( nameen greet), die respectievelijk een tekenreekswaarde en een functiewaarde hebben.
Daarom is de JavaScript- methode in feite een objecteigenschap die een functiewaarde heeft.
Toegang tot objectmethoden
U kunt een objectmethode openen met behulp van een puntnotatie. De syntaxis is:
objectName.methodKey()
U krijgt toegang tot de eigenschap door een objectnaam en een sleutel aan te roepen . U kunt toegang krijgen tot een methode door een objectName en een sleutel voor die methode samen met (). Bijvoorbeeld,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Hier wordt de greetmethode benaderd als in person.greet()plaats van person.greet.
Als u alleen toegang tot de methode probeert te krijgen person.greet, krijgt u een functiedefinitie.
person.greet; // ƒ () ( console.log('hello'); )
JavaScript ingebouwde methoden
In JavaScript zijn er veel ingebouwde methoden. Bijvoorbeeld,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Hier wordt de parseInt()methode van Number-object gebruikt om de numerieke tekenreekswaarde om te zetten in een geheel getal.
Voor meer informatie over ingebouwde methoden gaat u naar Ingebouwde JavaScript-methoden.
Een methode toevoegen aan een JavaScript-object
U kunt ook een methode aan een object toevoegen. Bijvoorbeeld,
// 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
In het bovenstaande voorbeeld wordt een leeg studentobject gemaakt. Vervolgens wordt de nameeigenschap toegevoegd. Evenzo wordt de greetmethode ook toegevoegd. Op deze manier kunt u zowel een methode als een eigenschap aan een object toevoegen.
JavaScript dit trefwoord
Om toegang te krijgen tot een eigenschap van een object vanuit een methode van hetzelfde object, moet u het thistrefwoord gebruiken. Laten we een voorbeeld bekijken.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Uitvoer
De naam is John
In het bovenstaande voorbeeld wordt een personobject gemaakt. Het bevat eigenschappen ( nameen age) en een methode greet.
In de methode greetwordt bij toegang tot een eigenschap van een object thistrefwoord gebruikt.
Om toegang te krijgen tot de eigenschappen van een object, wordt het thistrefwoord gebruikt gevolgd door .en sleutel .
Opmerking : in JavaScript thisverwijst trefwoord bij gebruik met de methode van het object naar het object. thisis gebonden aan een object.
De functie in een object heeft echter op dezelfde manier toegang tot de variabele als een normale functie. Bijvoorbeeld,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Uitvoer
De naam is John Doe
