Tot ce trebuie să știți despre obiectele JavaScript



Acest blog despre obiectul JavaScript va oferi cunoștințe aprofundate despre diferite metode pentru a defini și crea obiecte noi în javascript cu exemple.

este un limbaj de programare orientat pe obiecte. Obiectele formează blocurile care sunt considerate a fi cel mai important tip de datepentru limbajul de programare. Acest articol va oferi cunoștințe aprofundate despre obiectele JavaScript, cum sunt create și definite în următoarea secvență:

Obiect JavaScript

obiectele sunt similare cu obiectele din viața reală, care constă din atribute și proprietăți diferite. Aceste obiecte sunt definite ca o colecție neordonată de date conexe, care sunt de tip primitiv sau de referință. Acestea sunt definite sub forma perechilor „cheie: valoare”.





JavaScript - obiect javascript - Edureka

Aceste chei sunt variabile sau funcții care sunt numite ca proprietăți și metode ale unui obiect. Puteți crea un obiect JavaScript ca:



let ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}

Cum se creează un obiect nou?

Există 3 moduri de a crea un obiect nou:

  • După obiect Literal

Sintaxă:

combina codul de sortare c ++
obiect = {proprietate1: valoare1, proprietate2: valoare2 ..... proprietateN: valoareN}

Exemplu:



angajat = {id: 700, nume: 'Evan', salariu: 30000} document.write (angajat.id + '' + angajat.nume + '' + angajat.salariu)

Ieșire:

700 Evan 30000
  • Prin crearea instanței obiectului

Sintaxă:

var nume obiect = obiect nou ()

Exemplu:

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

Ieșire:

701 Karan 40000
  • Prin utilizarea unui constructor de obiecte

O funcție este creată cu argumente. Fiecare valoare a argumentului poate fi atribuită obiectului curent folosind acest cuvânt cheie.

Exemplu:

funcția angajat (id, nume, salariu) {this.id = id this.name = nume this.salary = salariu} emp = angajat nou (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Ieșire:

702 Neha 35000

Proprietăți

LA proprietate a unui obiect este un variabil care este atașat obiectului. Acestea sunt practic aceleași cu variabilele JavaScript, cu excepția atașamentului la obiecte.

Proprietățile unui obiect definesc caracteristicile obiectului. Puteți accesa proprietățile unui obiect cu o notare simplă, cum ar fi:

objectName.propertyName

Puteți defini o proprietate atribuindu-i o valoare. De exemplu, să creăm un obiect numit Mașină și dă-i proprietăți precum companie, model , și culoare . Poate fi definit ca:

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

Metode

LA metodă este un funcţie asociat cu un obiect. Este, de asemenea, o proprietate a unui obiect. Metodele sunt definite ca funcții normale, dar trebuie atribuite ca proprietate a unui obiect.

Metoda obiect poate fi accesată ca:

objectName.methodName ()

Exemplu:

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

Ieșire:

implementarea hashmap în cod java
Tessa Den

Unele dintre metodele încorporate utilizate în mod obișnuit sunt:

Metode Descriere
Object.assign () Este folosit pentru a copia proprietăți enumerabile și proprii dintr-un obiect sursă într-un obiect țintă
Object.create () Este folosit pentru a crea un obiect nou cu obiectul prototip specificat și proprietăți
Object.defineProperty () Este folosit pentru a defini atributele comportamentale ale proprietății
Object.entries () Se întoarce un matrice cu perechile cheie și valoare
Object.freeze () Împiedică eliminarea proprietăților existente

Accesorii

Accesorii JavaScript constau din Getters și Setatori care sunt folosite pentru a defini accesorii de obiecte.

  • Cuvântul cheie Obțineți

Să luăm un exemplu și să vedem cum Getters sunt folosite la obține orice valoare a proprietății:

cum se afișează matricea în php
var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Ieșire:

401
  • Setarea cuvântului cheie

Să luăm un exemplu și să vedem cum Setatori sunt folosite la a stabilit orice valoare a proprietății:

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

Ieșire:

401

Prototipuri

Toate obiectele JavaScript moștenesc proprietăți și metode de la un prototip. De exemplu:

  • Data obiecte moștenesc din Data.prototip
  • Matrice obiecte moștenesc din Array.prototip
  • Persoană obiecte moștenesc din Persoană.prototip

JavaScript prototip proprietatea este utilizată pentru a adăuga noi proprietăți la constructorii de obiecte.

Exemplu:

funcție Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'indian'

Proprietatea prototip vă permite, de asemenea, să adăugați metode noi la constructorii de obiecte.

Exemplu:

funcție Person (first, last, id, age) {// Adăugarea de metode constructorilor this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Vă puteți modifica propriile prototipuri, dar niciodată nu modificați prototipurile obiectelor JavaScript standard.

Cu aceasta, am ajuns la sfârșitul articolului nostru. Sper că ați înțeles obiectele JavaScript și diferitele metode pentru a le defini.

Acum, că știți despre obiectele JavaScript, consultați de Edureka. Instruirea pentru certificarea dezvoltării web vă va ajuta să aflați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3).

Ai o întrebare pentru noi? Vă rugăm să îl menționați în secțiunea de comentarii din „Obiect JavaScript” și vă vom răspunde.