Metody obiektów JavaScript
Przykład
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
To słowo kluczowe
W definicji funkcji this
odnosi się do „właściciela” funkcji.
W powyższym przykładzie this
jest to obiekt person , który jest „właścicielem”
funkcji fullName .
Innymi słowy this.firstName oznacza właściwość firstName tego obiektu .
Przeczytaj więcej o this
słowie kluczowym w JS this Keyword .
Metody JavaScript
Metody JavaScript to akcje, które można wykonywać na obiektach.
Metoda JavaScript to właściwość zawierająca definicję funkcji .
Nieruchomość | Wartość |
---|---|
Imię | Jan |
nazwisko | Łania |
wiek | 50 |
kolor oczu | niebieski |
imię i nazwisko | function() {return this.firstName + " " + this.lastName;} |
Metody to funkcje przechowywane jako właściwości obiektów.
Dostęp do metod obiektowych
Dostęp do metody obiektu uzyskuje się za pomocą następującej składni:
objectName.methodName()
Zazwyczaj fullName() opisujesz jako metodę obiektu osoby, a fullName jako właściwość.
Właściwość fullName zostanie wykonana (jako funkcja), gdy zostanie wywołana za pomocą ().
Ten przykład uzyskuje dostęp do metody fullName() obiektu osoby:
Przykład
name = person.fullName();
Jeśli uzyskasz dostęp do właściwości fullName , bez (), zwróci ona definicję funkcji :
Przykład
name = person.fullName;
Dodawanie metody do obiektu
Dodanie nowej metody do obiektu jest łatwe:
Przykład
person.name = function () {
return this.firstName + " " + this.lastName;
};
Korzystanie z wbudowanych metod
W tym przykładzie zastosowano toUpperCase()
metodę obiektu String, aby przekonwertować tekst na wielkie litery:
let message = "Hello world!";
let x = message.toUpperCase();
Wartość x po wykonaniu powyższego kodu będzie wynosić:
HELLO WORLD!
Przykład
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};