Metoda konstruktora w JavaScript

W JavaScript, Metoda konstruktora jest wywoływany podczas tworzenia instancji klasy. Służy również do inicjalizacji obiektów w klasie. Jednak JavaScript automatycznie utworzy i wykona pusty konstruktor, jeśli nie zdefiniowałeś żadnej metody konstruktora dla klasy.

Konstruktory w JavaScript mogą być różnych typów, takich jak Wbudowany JavaScript Konstruktorzy, Funkcja niestandardowego konstruktora, i Metoda konstruktora klasy zdefiniowanej przez użytkownika. W zależności od wymagań możesz użyć tych konstruktorów do tworzenia i inicjowania obiektu lub instancji klasy.

W tym spisie omówi konstruktory i ich typy w JavaScript za pomocą odpowiednich przykładów.

Metody konstruktora w JavaScript

W JavaScript istnieją dwa rodzaje metod konstruktora:

• Domyślny konstruktor
• Sparametryzowany konstruktor

Poniższa sekcja przekazana krótko wyjaśni domyślne i sparametryzowane konstruktory i ich użycie w JavaScript.

Domyślna metoda konstruktora w JavaScript

A Domyślny konstruktor jest tworzony automatycznie przez JavaScript, jeśli nie dodałeś metody konstruktora w określonej klasie. Jeśli jednak chcesz wykonać jakąkolwiek konkretną operację podczas tworzenia obiektu klasowego, możesz wyraźnie zdefiniować domyślną metodę konstruktora.

Składnia domyślnej metody konstruktora w JavaScript

klasa klasowa
konstruktor()
// Ciało domyślnego konstruktora

Notatka: Metoda konstruktora nie ma wyraźnego typu powrotu.

Przykład: Domyślna metoda konstruktora w JavaScript

W poniższym przykładzie zdefiniujemy domyślną metodę konstruktora dla „Pracownik" klasa. Zgodnie z definicją „konstruktor()„Metoda, ilekroć„Pracownik„Obiekt klasowy jest tworzony, zainicjuje jego„nazwa„Własność do„Alex", I "wiek„Nieruchomość jako„25”:

Pracownik klasy
Constructor ()
Ten.name = „Alex”;
Ten.Wiek = 25;


const pracownik1 = nowy pracownik ();
konsola.Log („Nazwa pracownika:” + pracownik1.nazwa);
konsola.Log („wiek:” + pracownik1.wiek);

Wykonanie danego programu utworzy „Pracownik 1„Obiekt„Pracownik„Klasa za pomocą domyślnego konstruktora. Domyślna metoda konstruktora zainicjuje następnie określone właściwości dla „Pracownik 1" obiekt. Wreszcie „„konsola.dziennik()„Metoda wydrukuje wartości przechowywane w„Pracownik 1.nazwa" I "Pracownik 1.wiek" nieruchomości:

Wykorzystanie domyślnego konstruktora jest pomocne, gdy chcesz zainicjować właściwości wszystkich utworzonych obiektów o tej samej wartości. Ale co, jeśli musisz przypisać niektóre unikalne wartości do obiektów podczas ich tworzenia? W JavaScript możesz osiągnąć tę funkcjonalność za pomocą „Sparametryzowany konstruktor" metoda.

Metoda sparametryzowana konstruktor w JavaScript

Konstruktor, który zawiera parametry, jest znany jako „Sparametryzowany konstruktor" metoda. Ten typ konstruktora jest używany głównie, gdy chcesz zainicjować właściwości klasy z pewnymi konkretnymi wartościami.

Składnia sparametryzowanej metody konstruktora w JavaScript

klasa klasowa
Konstruktor (parametr1, parametr2…, parametern)
// korpus sparametryzowanego konstruktora

Tutaj sparametryzowany konstruktor akceptuje parametry przekazane jako „argumenty”Podczas tworzenia obiektu klasowego.

Przykład: Metoda sparametryzowana konstruktora w JavaScript

Utworzymy sparametryzowaną metodę konstruktora dla „Pracownik„Klasa, która inicjuje właściwości z wartościami przekazanymi jako argumenty:

Pracownik klasy
konstruktor (nazwa, wiek)
Ten.Nazwa = nazwa;
Ten.wiek = wiek;

W poniższym kodzie „Pracownik 1„Obiekt„Pracownik„Klasa jest tworzona przy użyciu sparametryzowanego konstruktora, gdzie„Stepheny”Jest przekazywany jako„nazwa„Wartość nieruchomości i„ ”25”Argument reprezentuje wartość„wiek" nieruchomość:

const pracownik1 = nowy pracownik („Stepheny”, 25);
konsola.Log („Nazwa pracownika:” + pracownik1.nazwa);
konsola.Log („wiek:” + pracownik1.wiek);

Wyjście

Powyższe dane wyjściowe oznacza, że ​​pomyślnie stworzyliśmy „Pracownik 1„Obiekt o określonych wartościach właściwości za pomocą sparametryzowanej metody konstruktora.

Omówmy teraz wbudowanych konstruktorów JavaScript.

Wbudowane konstruktory w JavaScript

Wbudowane konstruktory są również znane jako Konstruktory obiektów. W JavaScript, gdy obiekt klasy „Obiekt”Jest tworzony, konstruktor obiektu jest wywoływany bezpośrednio, co pomaga w tworzeniu obiektu określonej klasy.

JavaScript oferuje wbudowane konstruktory dla różnych predefiniowanych klas, takich jak „Szyk”,„Data”,„Strunowy”,„Numer”,„Boolean", I "Obiekt".

Poniższa sekcja pokaże użycie niektórych wbudowanych konstruktorów JavaScript.

Przykład: Wbudowany konstruktor obiektu w JavaScript

Aby utworzyć prosty obiekt, możesz użyć „Obiekt„Wbudowany konstruktor klasy. W tym celu musisz przekazać „wartość”Jako argument podczas wywoływania konstruktora Object ():

nowy obiekt ([wartość])

W tym przykładzie utworzymy dwa obiekt o nazwie „imię i nazwisko pracownika" I "Zatrudnienie”, Korzystając z„Obiekt„Konstruktor klas:

var pracodawcy = nowy obiekt („Alex”);
var pracownice = nowy obiekt (25);
konsola.Log („Nazwa pracownika:”+ AuctenEename)
konsola.log („wiek:”+ zatrudniony);

Wyjście

Pamiętaj, że możesz określić dowolną wartość w „Obiekt()”Konstruktor i nie zmienia typu utworzonego obiektu. Na przykład zainicjowaliśmy „imię i nazwisko pracownika”Z wartością ciągu i„Zatrudnienie”Zawiera wartość liczbową. Mimo to rodzaj „imię i nazwisko pracownika" I "Zatrudnienie" jest ustawione na "obiekt”:

Przykład: wbudowany konstruktor tablicy w JavaScript

Podobnie wbudowany konstruktor „Szyk„Klasa może być używana do tworzenia obiektu zawierającego elementy tablicy:

Nowa tablica ([wartość])

Korzystając z konstruktora klas array (), teraz utworzymy „pracownicy„Obiekt, który obejmuje trzy elementy tablicy”Alex”,„Paweł", I "Max”:

var pracowników = new Array („Alex”, „Paul”, „Max”);
konsola.log (pracownicy);
konsola.log (pracownicy typu);

Wyjście

Metoda konstruktora dodana w klasie zdefiniowanej przez użytkownika ma swoje znaczenie; Jednak ich zakres jest ograniczony, ponieważ nie można korzystać z tych konstruktorów w całej aplikacji, ilekroć tworzenie obiektu jest potrzebne. Ponadto wbudowany konstruktor nie zezwala na dostosowanie się.

W takim scenariuszu możesz stworzyć Funkcja niestandardowego konstruktora w JavaScript do dostosowania zachowania konstruktora, który można wykorzystać w dowolnym miejscu w programie.

Niestandardowa funkcja konstruktora w JavaScript

Niestandardowa funkcja konstruktora jest przydatna podczas tworzenia wielu obiektów o tych samych właściwościach i metodach. Funkcje te są podobne do regularnych funkcji, z tym wyjątkiem, że są wywoływane przez „nowy”Słowo kluczowe.

Składnia funkcji niestandardowej konstruktora w JavaScript

Funkcja nazwa (parametr1, parametr2…, parametern)

// Ciało funkcji niestandardowego konstruktora

Tutaj niestandardowy konstruktor funkcji akceptuje parametry przekazane jako „argumenty”Podczas tworzenia obiektu.

Przykład 1: Funkcja niestandardowego konstruktora w JavaScript

Zdefiniujemy niestandardową funkcję konstruktora o nazwie „Pracownik”To obejmuje„nazwa" I "wiek„Właściwości i jeden”showinfo ()" metoda. Zauważ, że nazwa funkcji niestandardowej „Pracownik”Zaczyna się od kapitału, która odróżnia ją od regularnych funkcji:

Pracownik funkcji (nazwa, wiek)
Ten.Nazwa = nazwa;
Ten.wiek = wiek;
Ten.showinfo = function ()
zwróć „Nazwa pracownika:”+ to.nazwa + ", wiek:" + to.wiek;
;

W następnym kroku zdefiniujemy dwa obiekty „Pracownik 1" I "pracownik2" używając "Pracownik„Funkcja konstruktora:

var pracowników1 = nowy pracownik („Alex”, 25);
var pracowników2 = nowy pracownik („Paul”, 35);

Wreszcie, wywołując „showinfo ()„Metoda utworzonych obiektów wyświetli wartości właściwości przekazywane jako argumenty:

konsola.Log (pracownik 1.showinfo ());
konsola.Log (pracownik2.showinfo ());

Wyjście

Opracowaliśmy podstawowe informacje związane z metodami konstruktora, wbudowanymi konstruktorami i niestandardowymi funkcjami konstruktora w JavaScript.

Wniosek

Konstruktory w JavaScript mogą być różnych typów, takich jak Wbudowane konstruktory JavaScript, Funkcja niestandardowego konstruktora, I Metoda konstruktora klasy zdefiniowanej przez użytkownika. Metoda konstruktora jest dalej podzielona na Domyślny I Parametryzowane Konstruktorzy. W zależności od wymagań możesz użyć tych konstruktorów do tworzenia i inicjowania obiektu lub instancji klasy. W tym spisie omówiono konstruktory i ich typy w JavaScript za pomocą odpowiednich przykładów.