Jak używać metod obiektowych w JavaScript?

JavaScript to open source, wysoki poziom, obiektowy (OOP), język programowania internetowego, który sprawia, że ​​nasze strony internetowe i aplikacje internetowe są interaktywne i dynamiczne. Ponieważ JavaScript jest językiem OOP, dlatego wszystko jest obiektem w JavaScript, a obiekt to wszystko, co ma pewne właściwości i atrybuty

Obiekt jest niepryminitywnym typem danych, który przechowuje kolekcje elementów w parach kluczowych w JavaScript. Aby pracować z obiektami, możemy wywołać metody na tych obiektach, a także JavaScript oferuje nam kilka wbudowanych metod (predefiniowany blok kodu), których możemy użyć do pracy z obiektami.

Jakie są metody obiektowe?

Metody obiektowe JavaScript to niektóre specyficzne funkcje lub działania, które można wykonać na określonym obiekcie. Aby uzyskać dostęp do metody obiektu, składnia podano poniżej:

Metoda jest wywoływana przez wywołanie nazwy metody po obiekcie za pomocą operatora DOT.

Myobj.MethodName ();

Myobj jest obiektem, na którym nazywana jest metoda.

Przejrzyjmy przykład, w którym zainicjujemy obiekt, a następnie wywołamy metodę na tym obiekcie:

// Utwórz Student Object
var Student =
FirstName: „Peter”,
LastName: „Parker”,
FullName: function ()
powrót.FirstName + "" + to.nazwisko;

;
// Metoda obiektu połączenia FullName
konsola.Log (uczeń.FullName ());

Dane wyjściowe powyższego kodu podano poniżej:

Teraz, gdy widzimy, jak wywołać metodę obiektu, omówmy niektóre z wbudowanych metod globalnego Obiekt że możemy zadzwonić i używać w JavaScript.

Obiekt.Metoda Utwórz ()

Obiekt.create () wbudowana metoda służy do utworzenia nowego obiektu, a następnie połączenia nowo utworzonego obiektu z określonym obiektem. Zaleta obiektu.Metoda create () polega na tym, że możemy utworzyć nowy obiekt za pomocą określonego prototypu obiektu. Wykonajmy to zjawisko za pomocą przykładu obiektu.Metoda create ():

// Utwórz Student Object
var Student =
FirstName: „Peter”,
LastName: „Parker”,
FullName: function ()
powrót.FirstName + "" + to.nazwisko;

;
// Utwórz nowy obiekt
varnewstudent = obiekt.Utwórz (student);
// Zmień nazwisko studenta
nowy uczeń.lastName = "Alberto";
// Metoda obiektu połączenia FullName
konsola.Log (Newstudent.FullName ()); // Peter Alberto

W powyższym kodzie zainicjowaliśmy obiekt „uczeń”, a następnie stworzyliśmy nowy obiekt "nowy uczeń" za pomocą obiektu.Metoda create (), ten nowy obiekt jest mapowany na prototypie obiektu ucznia. Następnie zmieniliśmy nazwisko nowego obiektu, a następnie zadzwoniliśmy FullName () Metoda tego nowego obiektu. Dane wyjściowe podano poniżej:

Jak możemy zauważyć, oprócz zmienionego nazwiska, nowy uczeń Obiekt ma te same właściwości i metodę jak obiekt ucznia.

Obiekt.Metoda Keys ()

Gdy obiekty przechowują pary wartości kluczowej.Metoda Keys (). Obiekt.Keys () Metoda zwraca szereg klawiszy. Zainicjujmy obiekt i wywołać obiekt.Keys () Metoda tego konkretnego obiektu:

// Utwórz Student Object
var Student =
FirstName: „Peter”,
LastName: „Parker”
;
// Zdobądź klucze ucznia przedmiotu
konsola.log (obiekt.klucze (student)); // [imię Nazwisko]

Na wyjściu zobaczymy tablicę, która będzie miał klucze naszego przedmiotu:

// Utwórz Student Object
var Student =
FirstName: „Peter”,
LastName: „Parker”
;
// Zdobądź klucze ucznia przedmiotu
konsola.log (obiekt.klucze (student)); // [imię Nazwisko]

Możemy użyć obiektu.Keys () Metoda sprawdzania długości obiektu, jak pokazano poniżej:

// Utwórz Student Object
var Student =
FirstName: „Peter”,
LastName: „Parker”
;
// Znajdź długość studenta
konsola.log (obiekt.klucze (uczeń).długość); // 2

Jak widać, „obiekt.Metoda klawiszy „Zwraca długość obiektu:

Obiekt.Wartości () metoda

Działa jak obiekt.Metoda keys (), ale zamiast zwracać tablicę kluczy, zwraca tablicę wartości tego obiektu:

// Utwórz Student Object
var Student =
FirstName: „Peter”,
LastName: „Parker”
;
// Zdobądź wartości studenta
konsola.log (obiekt.wartości (uczeń)); // [Peter Parker]

Jak widać, „obiekt.Wartości ”Metoda zwraca wartości obiektu:

Wniosek

Obiekt jest czymś, co zawiera właściwości i atrybuty, a w JavaScript przechowuje pary wartości kluczowej. Składnia Myobj.MethodName () służy do wywołania metody na obiekcie. JavaScript oferuje nam również kilka wbudowanych metod globalnego obiektu, takie jak Obiekt.tworzyć(), Obiekt.wartości (), Obiekt.Klucze(). Obiekt.tworzyć() Metoda tworzy nowy obiekt z określonym prototypem obiektu, Obiekt.Klucze() zwraca tablicę kluczy obiektowych, podczas gdy Obiekt.wartości () Zwraca tablicę wartości obiektów.

W tym poście omawiamy sposób korzystania z metod obiektowych w JavaScript, najpierw wywołując metodę zdefiniowaną przez użytkownika, a następnie przy użyciu wbudowanych metod obiektów globalnych.