JavaScript Object Methods

Voorbeeld

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
  fullName : function() {
    return this.firstName + " " + this.lastName;

Probeer het zelf uit

JavaScript-methoden

JavaScript-methoden zijn acties die op objecten kunnen worden uitgevoerd.

JavaScript MethodebevatFunctie definitievan de eigenschappen.

Eigenschap waarden
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

Methoden zijn functies die op objecten worden opgeslagen als eigenschappen.

this keyword

in JavaScript, wordt genoemd this dingen, verwijst naar het object dat het JavaScript-code bezit.

this waarden, wanneer deze in een functie worden gebruikt, zijn het object dat de functie bezit.

Let op this is geen variabele. Het is een keyword. Je kunt this waarden.

Methoden bereiken

Gebruik de volgende syntaxis om objectmethoden te maken:

methodName : function() { Code regel

Gebruik de volgende syntaxis om objectmethoden te bereiken:

objectName.methodName()

Je zou fullName() meestal beschrijven als een methode van het object person, en fullName als een eigenschap.

fullName-eigenschap wordt uitgevoerd als functie wanneer deze wordt aangeroepen met ()

Dit voorbeeld haalt de fullName() van het object person op Methode:

Voorbeeld

name = person.fullName();

Probeer het zelf uit

Als je fullName EigenschapAls je () niet gebruikt bij het definiëren van een functie, wordt er geretourneerd:Functie definitie:

Voorbeeld

name = person.fullName;

Probeer het zelf uit

Gebruik ingebouwde methoden

Dit voorbeeld gebruikt de eigenschap van de String-objekt: toUpperCase() Method, zet tekst om naar hoofdletters:

var message = "Hallo wereld!";
var x = message.toUpperCase();

De waarde van x, na het uitvoeren van de bovenstaande code, zal zijn:

HELLO WORLD!

Voeg nieuwe methoden toe

Het toevoegen van nieuwe methoden wordt binnen de constructorfunctie voltooid:

Voorbeeld

function person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName;  
    this.lastName = lastName;
    this.age = age;
    this.eyeColor = eyeColor;
    this.changeName = function (name) {
        this.lastName = name;

De waarde van de functie name wordt toegewezen aan de eigenschap lastName van person.

Nu kun je proberen:

myMother.changeName("Jobs");

Probeer het zelf uit

Door met myMother 'te vervangen' this, maakt JavaScript duidelijk welke person je bedoelt.