Metodi dell'oggetto JavaScript
Esempio
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
La parola chiave questa
In una definizione di funzione, this
si riferisce al "proprietario" della funzione.
Nell'esempio sopra, this
è l' oggetto persona che "possiede" la
funzione fullName .
In altre parole, this.firstName indica la proprietà firstName di questo oggetto .
Leggi di più sulla this
parola chiave in JS this Keyword .
Metodi JavaScript
I metodi JavaScript sono azioni che possono essere eseguite sugli oggetti.
Un metodo JavaScript è una proprietà che contiene una definizione di funzione .
Proprietà | Valore |
---|---|
nome di battesimo | John |
cognome | Dai |
età | 50 |
colore degli occhi | blu |
nome e cognome | function() {restituire this.firstName + " " + this.lastName;} |
I metodi sono funzioni memorizzate come proprietà dell'oggetto.
Accesso ai metodi oggetto
Si accede a un metodo oggetto con la seguente sintassi:
objectName.methodName()
In genere descrivi fullName() come un metodo dell'oggetto person e fullName come una proprietà.
La proprietà fullName verrà eseguita (come una funzione) quando viene richiamata con ().
Questo esempio accede al metodo fullName() di un oggetto persona:
Esempio
name = person.fullName();
Se accedi alla proprietà fullName , senza (), restituirà la definizione della funzione :
Esempio
name = person.fullName;
Aggiunta di un metodo a un oggetto
Aggiungere un nuovo metodo a un oggetto è facile:
Esempio
person.name = function () {
return this.firstName + " " + this.lastName;
};
Utilizzo di metodi integrati
Questo esempio utilizza il toUpperCase()
metodo dell'oggetto String, per convertire un testo in maiuscolo:
let message = "Hello world!";
let x = message.toUpperCase();
Il valore di x, dopo l'esecuzione del codice sopra, sarà:
HELLO WORLD!
Esempio
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};