Tot el que heu de saber sobre els objectes JavaScript

Aquest bloc sobre JavaScript Object proporcionarà coneixements profunds sobre diferents mètodes per definir i crear objectes nous a JavaScript amb exemples.

és un llenguatge de programació orientat a objectes. Els objectes formen els blocs de construcció que es consideren el tipus de dades més importantper al llenguatge de programació. Aquest article proporcionarà un coneixement profund sobre els objectes JavaScript, com es creen i es defineixen en la següent seqüència:



Objecte JavaScript

els objectes són similars als objectes de la vida real que consten de diferents atributs i propietats. Aquests objectes es defineixen com una col·lecció no ordenada de dades relacionades, que són de tipus primitiu o de referència. Es defineixen en forma de parells 'clau: valor'.



JavaScript - objecte javascript - Edureka

Aquestes claus són variables o funcions que s’anomenen propietats i mètodes d’un objecte. Podeu crear un objecte JavaScript com:



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

Com es crea un objecte nou?

Hi ha 3 maneres de crear un objecte nou:

  • Per objecte literal

Sintaxi:

quins són els casos a Java
object = {property1: value1, property2: value2 ..... propertyN: valueN}

Exemple:



empleat = {id: 700, nom: 'Evan', salari: 30000} document.write (empleat.id + '' + empleat.nom + '' + empleat.salari)

Sortida:

700 Evan 30000
  • En crear instància de l'objecte

Sintaxi:

var objectname = new Object ()

Exemple:

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

Sortida:

701 Karan 40000
  • Mitjançant l’ús d’un constructor d’objectes

Es crea una funció amb arguments. Es pot assignar cada valor d'argument a l'objecte actual mitjançant l'ús de això paraula clau.

Exemple:

funció empleat (identificador, nom, salari) {this.id = id this.name = nom this.salary = salari} emp = empleat nou (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Sortida:

702 Neha 35000

Propietats

A propietat d'un objecte és un variable que s’adjunta a l’objecte. Bàsicament són les mateixes que les variables JavaScript, excepte el fitxer adjunt a objectes.

Les propietats d’un objecte defineixen les característiques de l’objecte. Podeu accedir a les propietats d’un objecte amb una simple notació de punts, com ara:

objectName.propertyName

Podeu definir una propietat assignant-li un valor. Per exemple, creem un objecte anomenat Cotxe i donar-li propietats com empresa, model , i color . Es pot definir com:

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

Mètodes

A mètode és un funció associat a un objecte. També és una propietat d’un objecte. Els mètodes es defineixen com a funcions normals, però s'han d'assignar com a propietat d’un objecte.

Es pot accedir al mètode objecte com:

objectName.methodName ()

Exemple:

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

Sortida:

trucada per referència en c ++
Tessa Den

Alguns dels mètodes integrats d’ús habitual són:

Mètodes Descripció
Object.assign () S'utilitza per copiar propietats enumerables i pròpies d'un objecte d'origen a un objecte de destinació
Object.create () S'utilitza per crear un objecte nou amb el prototip d'objecte i les propietats especificades
Object.defineProperty () S'utilitza per definir atributs de comportament de la propietat
Object.entries () Torna un matriu amb els parells clau i valor
Object.freeze () Evita que s’eliminin les propietats existents

Accessoris

Els accessoris JavaScript estan formats per Getters i Setters que s’utilitzen per definir els accessors d’objectes.

  • La paraula clau Obtén

Prenem un exemple i vegem com Getters estan acostumats aconseguir qualsevol valor de la propietat:

com es mostra la matriu en php
var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Sortida:

401
  • La paraula clau establerta

Prenem un exemple i vegem com Setters estan acostumats conjunt qualsevol valor de la propietat:

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

Sortida:

401

Prototips

Tots els objectes JavaScript hereten propietats i mètodes d’un prototip. Per exemple:

  • Data objectes que hereten Data.prototip
  • Matriu objectes que hereten Matriu.prototip
  • Persona objectes que hereten Persona.prototip

El JavaScript prototip La propietat s’utilitza per afegir noves propietats als constructors d’objectes.

Exemple:

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

La propietat del prototip també us permet afegir mètodes nous als constructors d'objectes.

Exemple:

funció Persona (primer, últim, identificador, edat) {// Afegir mètodes als constructors this.firstName = primer this.lastName = últim this.empid = id this.age = edat} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Podeu modificar els vostres propis prototips però mai modificar els prototips d’objectes estàndard de JavaScript.

Amb això, hem arribat al final del nostre article. Espero que hagueu entès els objectes JavaScript i els diferents mètodes per definir-los.

Ara que ja coneixeu els objectes JavaScript, consulteu el fitxer per Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de 'Objecte JavaScript' i us respondrem.