Tworzenie obiektów w JavaScript

JavaScript to język programowania zaprojektowany w celu ułatwienia interakcji między obiektami. W tym języku scenariuszy obiekt jest w zasadzie zmienną, która może przechowywać wiele wartości. Na przykład samochody w salonie, uczniowie w szkole i gotówka na rachunkach bankowych. Istnieją różne sposoby Tworzenie obiektów za pomocą JavaScript, takie jak literały obiektowe, Metody konstruktora, zajęcia, i nowe słowa kluczowe. Jednak dosłowny obiekt jest najczęstszym sposobem tworzenie obiektów za pomocą JavaScript.

W tym artykule wyjaśniliśmy dwie metody tworzenia obiektów w JavaScript.

• Używanie obiektu literału do tworzenia obiektu w JavaScript
• Korzystanie z metody konstruktora do tworzenia obiektu w JavaScript
• Korzystanie z klasy do tworzenia obiektu w JavaScript
• Korzystanie z nowego słowa kluczowego do tworzenia obiektu w JavaScript

Metoda 1: Utwórz obiekt za pomocą literałów obiektu w JavaScript

Jest to najprostszy sposób na tworzenie obiektu w JavaScript poprzez inicjowanie obiektu. Użytkownicy mogą tworzyć i definiować obiekt w jednym wierszu. Zjawisko pary kluczowej jest przeprowadzane w celu przypisania wartości oddzielonych okrężnicy. Przypisanie wartości jest zapisywane w kręconych aparatach ortodontycznych:

Składnia

Składnia do tworzenia obiektu z inicjatorem obiektu podano poniżej:

var object = właściwośćName: właściwości

nieruchomość Nazwa odnosi się do nazwy właściwości i wartość nieruchomości reprezentuje wartość tej właściwości.

Przykład

W tym przykładzie wszystkie wartości są przypisane do właściwości obiektu o wartości kluczowej.

Kod

// Przykład tworzenia obiektu za pomocą literałów obiektowych
var nauczyciel = FirstName: „Harry”,
LastName: „Billi”,
Wiek: 35,
Temat: „Math”;
konsola.Log (nauczyciel.imię);

W kodzie:

• Obiekt nauczyciel jest zdefiniowane i dla tego obiektu tworzone są różne właściwości.
• Następnie różne wartości są przypisywane do tych właściwości.
• Ostatecznie konkretna właściwość nauczyciel.imię jest wyświetlany za pomocą konsola.dziennik() metoda w JavaScript.

Wyjście

Wyjście zwraca określoną właściwość obiektu, tworząc metodę literalną obiektu w JavaScript.

Notatka: JavaScript 1.1 i wcześniej nie obsługują literałów obiektów do inicjalizacji obiektów.

Metoda 2: Tworzenie obiektu za pomocą metody konstruktora w JavaScript

Innym alternatywnym sposobem, który można wykorzystać do utworzenia obiektu w JavaScript, jest metoda konstruktora. Metoda tworzy instancję obiektową klasy. W tej metodzie najpierw zdefiniuj typ obiektu, wykorzystując metodę konstruktora:

Składnia

Funkcja konstruktor (właściwość)
Ten.właściwość = właściwość;
niech newObject = new Constructor („obiektValue”);

Parametr:

Parametry są opisane w następujący sposób.

• Konstruktor: metoda inicjowania obiektu klasy.
• NewObject: reprezentuje nowo utworzony obiekt
• nieruchomość: Wskazuje istniejącą właściwość obiektu
• ObjectValue: Określa wartość przypisaną do obiektu.

Przykład

Podano przykład tworzenia obiektu za pomocą metody konstruktora w JavaScript. W tym celu kod jest następujący:

Kod

// Przykład tworzenia obiektu za pomocą konstruktora
klasa funkcji (nazwa, temat)
Ten.Nazwa = nazwa;
Ten.Temat = Temat;

pozwól nauczycielowi1 = nowa klasa („John”, „matematyka”);
Let Teacher2 = nowa klasa („Harry”, „Fizyka”)
konsola.Log (nauczyciel1.nazwa);
konsola.Log (nauczyciel2.nazwa);

W tym kodzie:

• Konstruktor jest wywoływany przez przekazywanie właściwości nazwa I temat.
• Następnie tworzone są dwa obiekty z nazwami Nauczyciel1 I Nauczyciel2.
• Różne wartości są im przypisane, wywołując konstruktor.

Wyjście

Wyjście zwraca nazwy Jan I Złupić które są powiązane z właściwościami Nauczyciel1 I Nauczyciel2.

Metoda 3: Tworzenie obiektu za pomocą klasy w JavaScript

Nowa wersja JavaScript ES6 poparła koncepcję klasy. Tworzenie obiektu za pomocą klasy jest podobne do powyższej metody konstruktora. Metody są jednak zastępowane klasami poprzez dostarczanie funkcji w wersji ES6 w JavaScript. Składnia do utworzenia tej metody znajduje się poniżej:

Składnia

Klasa klasowa
konstruktor (właściwość)
Ten.właściwość = właściwość;
niech newObject = new ClassName („ObjectValue”);

W powyższej składni:

• Nazwa klasy Określa nazwę klasy.
• Następnie właściwość jest przekazywana konstruktorowi.
• W końcu ObjectValue jest przypisany do NewObject Zmienna w JavaScript.

Przykład

Przykład utworzenia obiektu pokazano przy użyciu klasy w JavaScript.

Kod

// Przykład tworzenia obiektu za pomocą klas
Wychowawca klasy
konstruktor (nazwa, przedmiot, fryzura)
Ten.Nazwa = nazwa;
Ten.Temat = Temat;
Ten.Haircolor = Haircolor;


Pozwól nauczycielowi1 = nowy nauczyciel („Ali”, „Physics”, „Black”);
Let Teacher2 = nowy nauczyciel („John”, „Math”, „Brown”);
konsola.Log (nauczyciel1.nazwa);
konsola.Log (nauczyciel2.temat);

W tym kodzie:

• Wychowawca klasy jest zdefiniowany w trzech właściwościach: nazwa, temat I kolor włosów.
• Ponadto tworzone są dwa obiekty: Nauczyciel1 I Nauczyciel2.
• Następnie, Różne wartości są przypisane do Nauczyciel1 I Nauczyciel2 obiekty.
• Wreszcie, przedstaw informacje z konsola.dziennik() Metoda w JavaScript.

Wyjście

Dane wyjściowe pokazuje wykonanie powyższego kodu w taki sposób Nauczyciel obiektu1 Zwraca właściwość Name Ali. W ten sam sposób, przedmiotowa właściwość obiektu Nauczyciel2 jest zwracany za pomocą operatora kropki w JavaScript.

Metoda 4: Tworzenie obiektu za pomocą nowego słowa kluczowego w JavaScript

Ta metoda odnosi się do tworzenia obiektu za pomocą nowego słowa kluczowego w JavaScript. Operator DOT jest wykorzystywany do tworzenia właściwości nowych obiektów. Następnie przypisane są im wartości. Jest to również powszechnie stosowana metoda do tworzenia obiektów w JavaScript. Aby lepiej zrozumieć nowe słowo kluczowe, podany jest przykład.

Przykład

Przykład został wykazany przez utworzenie obiektu nauczyciel W JavaScript.

Kod

// Przykład utworzenia obiektu za pomocą nowego słowa kluczowego
var nauczyciel = nowy Object ();
nauczyciel.FirstName = "Ali";
nauczyciel.lastName = „Ahmed”;
nauczyciel.tematy = „matematyka”;
nauczyciel.Wiek = 35;
nauczyciel.fryzura = „Brown”;
konsola.Log (nauczyciel.imię);
konsola.Log (nauczyciel.wiek);
konsola.Log (nauczyciel.temat);

W tym kodzie opis jest następujący:

• Obiekt nauczyciel jest tworzony z nowy Słowo kluczowe.
• Po tym, FirstName, LastName, temat, wiek, I kolor włosów właściwości są zdefiniowane za pomocą operatora kropki.
• Różne wartości są przypisywane do tych właściwości.
• W końcu właściwości obiektu są wyświetlane za pomocą konsola.dziennik() metoda.

Wyjście

Wyjście wyświetla wykonanie kodu, wykorzystując nowe słowo kluczowe W JavaScript. Po pierwsze nauczyciel.Nazwa zwrócił nazwę nauczyciela Ali. podobnie, nauczyciel.wiek I nauczyciel.temat jest wykorzystywany do wyświetlania wieku i przedmiotu nauczyciela w JavaScript.

Wniosek

Wykazano cztery różne sposoby tworzenia obiektów w JavaScript, w tym Obiektowe literały, metody konstruktora, zajęcia, i nowe słowo kluczowe. Po pierwsze, Obiekt dosłowny jest używany do tworzenia obiektu przez pary wartości nazwy. Metoda konstruktora jest stosowany do zainicjowania obiektu i przypisania wartości na podstawie jego istniejących właściwości. Ponadto, zajęcia są przystosowane do tworzenia obiektów i wyświetlania ich właściwości, przypisując im wartości. W końcu słowo kluczowe nowy jest wykorzystywany do tworzenia jednego obiektu na raz i prezentacji w oknie konsoli.