Objektové metody JavaScriptu
Příklad
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
Toto klíčové slovo
V definici funkce this
odkazuje na "vlastníka" funkce.
Ve výše uvedeném příkladu this
je objekt person , který „vlastní“ funkci
fullName .
Jinými slovy this.firstName znamená vlastnost firstName tohoto objektu .
Přečtěte si více o this
klíčovém slově na JS this Keyword .
Metody JavaScriptu
Metody JavaScriptu jsou akce, které lze provádět s objekty.
Metoda JavaScriptu je vlastnost obsahující definici funkce .
Vlastnictví | Hodnota |
---|---|
jméno | John |
příjmení | Srna |
stáří | 50 |
barva očí | modrý |
celé jméno | function() {return this.firstName + " " + this.lastName;} |
Metody jsou funkce uložené jako vlastnosti objektu.
Přístup k objektovým metodám
K metodě objektu přistupujete s následující syntaxí:
objectName.methodName()
Obvykle popíšete fullName() jako metodu objektu person a fullName jako vlastnost.
Vlastnost fullName se spustí (jako funkce), když je vyvolána pomocí ().
Tento příklad přistupuje k metodě fullName() objektu person:
Příklad
name = person.fullName();
Pokud přistoupíte k vlastnosti fullName bez (), vrátí definici funkce :
Příklad
name = person.fullName;
Přidání metody k objektu
Přidání nové metody k objektu je snadné:
Příklad
person.name = function () {
return this.firstName + " " + this.lastName;
};
Použití vestavěných metod
Tento příklad používá toUpperCase()
metodu objektu String k převodu textu na velká písmena:
let message = "Hello world!";
let x = message.toUpperCase();
Hodnota x po provedení výše uvedeného kódu bude:
HELLO WORLD!
Příklad
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};