Wszystko, co musisz wiedzieć o obiektach JavaScript

jest językiem programowania obiektowego. Obiekty tworzą bloki konstrukcyjne, które są uważane za najważniejszy typ danychdla języka programowania. Ten artykuł zawiera dogłębną wiedzę na temat obiektów JavaScript, ich tworzenia i definiowania w następującej kolejności:

• Obiekt JavaScript
• Jak stworzyć nowy obiekt?
• Nieruchomości
• Metody
• Akcesoria
• Prototypy

Obiekt JavaScript

obiekty są podobne do przedmiotów w prawdziwym życiu, które składają się z różnych atrybutów i właściwości. Obiekty te są zdefiniowane jako nieuporządkowana kolekcja powiązanych danych, które są typu pierwotnego lub referencyjnego. Są one definiowane w postaci par „klucz: wartość”.

Te klucze to zmienne lub Funkcje które nazywane są właściwościami i metodami obiektu. Możesz stworzyć obiekt JavaScript jako:

let ObjectName = {Właściwość1: 'Wartość', Właściwość2: 'Wartość', ... ...}

Jak stworzyć nowy obiekt?

Istnieją 3 sposoby tworzenia nowego obiektu:

• Według dosłowności obiektu

Składnia:

obiekt = {właściwość1: wartość1, właściwość2: wartość2 ..... właściwośćN: wartośćN}

Przykład:

pracownik = {id: 700, name: 'Evan', wynagrodzenie: 30000} document.write (worker.id + '' + worker.name + '' + worker.salary)

Wynik:

700 Evan 30000

• Tworząc wystąpienie Object

Składnia:

var nazwaobiektu = nowy obiekt ()

Przykład:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Wynik:

701 Karan 40000

• Korzystając z konstruktora obiektów

Funkcja jest tworzona z argumentami. Każdą wartość argumentu można przypisać w bieżącym obiekcie przy użyciu to słowo kluczowe.

Przykład:

funkcja pracownik (id, imię, wynagrodzenie) {this.id = id this.name = name this.salary = wynagrodzenie} emp = nowy pracownik (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp. wynagrodzenie)

Wynik:

702 Neha 35000

Nieruchomości

DO własność obiektu jest zmienna który jest przymocowany do obiektu. Zasadniczo są takie same jak zmienne JavaScript, z wyjątkiem przywiązania do obiektów.

Właściwości obiektu definiują cechy obiektu. Możesz uzyskać dostęp do właściwości obiektu za pomocą prostej notacji z kropką, takiej jak:

objectName.propertyName

Możesz zdefiniować właściwość, przypisując jej wartość. Na przykład stwórzmy obiekt o nazwie Samochód i nadaj mu właściwości takie jak firma, model , i kolor . Można go zdefiniować jako:

co to jest hibernacja w java

var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Metody

DO metoda jest funkcjonować związane z obiektem. Stanowi również własność przedmiotu. Metody są zdefiniowane jako normalne funkcje, ale muszą być przypisane jako własność przedmiotu.

Dostęp do metody obiektowej można uzyskać jako:

objectName.methodName ()

Przykład:

var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {return this.firstName + '' + this.lastName}}

Wynik:

Tessa Den

Niektóre z powszechnie używanych metod wbudowanych to:

Akcesoria

Akcesoria JavaScript składają się z Getters i Setery które są używane do definiowania metod dostępu do obiektów.

• Pobierz słowo kluczowe

Weźmy przykład i zobaczmy, jak to zrobić Getters są używane do otrzymać dowolna wartość majątku:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Wynik:

401

• Ustaw słowo kluczowe

Weźmy przykład i zobaczmy, jak to zrobić Setery są używane do zestaw dowolna wartość majątku:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid

Wynik:

401

Prototypy

Wszystkie obiekty JavaScript dziedziczą właściwości i metody z prototypu. Na przykład:

• Data obiekty dziedziczą z Data. Prototyp
• Szyk obiekty dziedziczą z Array.prototype
• Osoba obiekty dziedziczą z Person.prototype

JavaScript prototyp property służy do dodawania nowych właściwości do konstruktorów obiektów.

Przykład:

function Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Właściwość prototype umożliwia także dodawanie nowych metod do konstruktorów obiektów.

Przykład:

function Person (first, last, id, age) {// Dodawanie metod do konstruktorów this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Możesz modyfikować własne prototypy, ale nigdy nie modyfikuj prototypów standardowych obiektów JavaScript.

W ten sposób dotarliśmy do końca naszego artykułu. Mam nadzieję, że rozumiesz obiekty JavaScript i różne metody ich definiowania.

Teraz, gdy wiesz już o obiektach JavaScript, zapoznaj się z przez Edureka. Szkolenie w zakresie certyfikacji w zakresie rozwoju sieci pomoże Ci nauczyć się, jak tworzyć imponujące witryny internetowe przy użyciu HTML5, CSS3, Twitter Bootstrap 3, jQuery i interfejsów API Google oraz wdrażać je w usłudze Amazon Simple Storage Service (S3).

Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy „Obiekt JavaScript”, a my skontaktujemy się z Tobą.