Tutto quello che devi sapere sugli oggetti JavaScript

è un linguaggio di programmazione orientato agli oggetti. Gli oggetti formano i mattoni che sono considerati il ​​tipo di dati più importanteper il linguaggio di programmazione. Questo articolo fornirà una conoscenza approfondita degli oggetti JavaScript, come vengono creati e definiti nella seguente sequenza:

• Oggetto JavaScript
• Come creare un nuovo oggetto?
• Proprietà
• Metodi
• Accessors
• Prototipi

Oggetto JavaScript

gli oggetti sono simili agli oggetti nella vita reale che consiste di attributi e proprietà differenti. Questi oggetti sono definiti come una raccolta non ordinata di dati correlati, che sono di tipo primitivo o di riferimento. Questi sono definiti sotto forma di coppie 'chiave: valore'.

Queste chiavi sono variabili o funzioni che vengono chiamati come proprietà e metodi di un oggetto. Puoi creare un oggetto JavaScript come:

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

Come creare un nuovo oggetto?

Esistono 3 modi per creare un nuovo oggetto:

• Per oggetto letterale

Sintassi:

oggetto = {proprietà1: valore1, proprietà2: valore2 ..... proprietàN: valoreN}

Esempio:

dipendente = {id: 700, nome: 'Evan', stipendio: 30000} document.write (dipendente.id + '' + impiegato.name + '' + impiegato.salario)

Produzione:

700 Evan 30000

• Creando istanza di Object

Sintassi:

var objectname = new Object ()

Esempio:

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

Produzione:

701 Karan 40000

• Utilizzando un Object Constructor

Una funzione viene creata con argomenti. Ogni valore di argomento può essere assegnato nell'oggetto corrente utilizzando Questo parola chiave.

Esempio:

funzione dipendente (id, nome, stipendio) {this.id = id this.name = name this.salary = salary} emp = nuovo impiegato (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Produzione:

702 Neha 35000

Proprietà

PER proprietà di un oggetto è un variabile che è attaccato all'oggetto. Sono fondamentalmente le stesse delle variabili JavaScript, ad eccezione degli allegati agli oggetti.

Le proprietà di un oggetto definiscono le caratteristiche dell'oggetto. È possibile accedere alle proprietà di un oggetto con una semplice notazione a punti come:

objectName.propertyName

È possibile definire una proprietà assegnandole un valore. Ad esempio, creiamo un oggetto denominato Macchina e dagli proprietà come azienda, modello , e colore . Può essere definito come:

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

Metodi

PER metodo è un funzione associato a un oggetto. È anche una proprietà di un oggetto. I metodi sono definiti come le normali funzioni ma devono essere assegnati come proprietà di un oggetto.

È possibile accedere al metodo dell'oggetto come:

objectName.methodName ()

Esempio:

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

Produzione:

Tessa Den

Alcuni dei metodi integrati comunemente usati sono:

Accessors

Gli accessori JavaScript sono costituiti da Getters e Setter che vengono utilizzati per definire le funzioni di accesso agli oggetti.

• La parola chiave Ottieni

Facciamo un esempio e vediamo come Getters sono abituati a ottenere qualsiasi valore della proprietà:

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

Produzione:

401

• La parola chiave impostata

Facciamo un esempio e vediamo come Setter sono abituati a impostato qualsiasi valore della proprietà:

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

Produzione:

401

Prototipi

Tutti gli oggetti JavaScript ereditano proprietà e metodi da un prototipo. Per esempio:

• Data gli oggetti ereditano da Data.prototipo
• Vettore gli oggetti ereditano da Array.prototype
• Persona gli oggetti ereditano da Person.prototype

Il JavaScript prototipo viene utilizzata per aggiungere nuove proprietà ai costruttori di oggetti.

Esempio:

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

La proprietà prototype consente inoltre di aggiungere nuovi metodi ai costruttori di oggetti.

Esempio:

alla potenza di java

function Person (first, last, id, age) {// Aggiunta di metodi ai costruttori this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Puoi modificare i tuoi prototipi ma non modificare mai i prototipi di oggetti JavaScript standard.

Con questo siamo giunti alla fine del nostro articolo. Spero che tu abbia compreso gli oggetti JavaScript e i diversi metodi per definirli.

Ora che conosci gli oggetti JavaScript, controlla il file di Edureka. La formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti Web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).

Hai domande per noi? Si prega di menzionarlo nella sezione commenti di 'Oggetto JavaScript' e ti risponderemo.