Oggetto (Object) JavaScript

Comprendere gli oggetti JavaScript

In JavaScriptOggettoÈ un tipo di dati, composto daNomeeValoreInsieme di raccolte, conNome:ValoreRappresentazione.

Le coppie di nome:valore possono includere qualsiasi tipo di dati (inclusi stringhe, numeri e valori booleani) e metodi, che sono funzioni incluse nell'oggetto.

Gli oggetti in JavaScript sono entità indipendenti e possono essere confrontati con oggetti della vita reale.

Ad esempio, l'auto ha il nome e il colore e così viaAttributoe anche come start(avvio) e stop(ferma)Metodidei quali:

Tutti gli automobili hanno le stesseAttributoMa ogni proprietà dell'autoValori sonoDiversi.

Tutti gli automobili hanno le stesseMetodiMa questi metodi possono avereDiversi funzioni.

Creare un oggetto

Gli oggetti sono un tipo di dati in JavaScript, come i numeri o le stringhe sono anche tipi di dati. Come tipo di dati, gli oggetti possono essere inclusi in variabili.

Ci sono molti modi per costruire oggetti in JavaScript:

• UtilizzandoCostanti di oggettoche utilizza graffe: {}

• UtilizzandoCostruttore dell'oggettoche utilizza new Object()

• O, può creare unCostruttoree quindi esemplificare un oggetto che chiama questa funzione

In questo esempio, utilizzeremo Letterale di oggetto (object literal)Cosa sono le letterali? Le quantità costanti utilizzate per assegnare valori alle variabili si chiamano letterali.

var user = {firstName:"Vishal", lastName:"Choudhary", age:22, location:"New Delhi"};

Una definizione di oggetto può spaziare su più righe.

var user = {
　　firstName: "Vishal",
　　lastName: "Choudhary",
　　age: 22,
　　location: "New Delhi"
};

Più avanti nel tutorial, discuteremoCostruttore dell'oggettoeCostruttore.

Attributi dell'oggetto

Gli attributi sono l'associazione tra il nome e il valore nell'oggetto e possono contenere qualsiasi tipo di dati.

Gli attributi sono solitamente le caratteristiche dell'oggetto.

Accedi agli attributi dell'oggetto

Ci sono due modi per accedere agli attributi dell'oggetto:

• Punteggiatura punto: .

• Simboli di parentesi: []

Riaccedi all'oggetto originale dell'esempiouser.

user.firstName;

user["firstName"];

I punti e le parentesi tonde vengono utilizzati spesso. Ma il punto notazione è più veloce e più leggibile.

Metodi dell'oggetto

I metodi sono funzioni come valori degli attributi degli oggetti, quindi sono le attività che un oggetto può eseguire.

I metodi sono memorizzati come attributi comeDefinizione della funzione.

　　var user = {
　　firstName: "Vishal",
　　lastName: "Choudhary",
　　age: 22,
　　location: "New Delhi",
　　getName: function() {
　　　return this.firstName + " " + this.lastName;
　　}
　　};

Attenzione:I metodi sono funzioni memorizzate come attributi.

Accedi ai metodi dell'oggetto

Per recuperare un metodo dell'oggetto, puoi chiamarlo come una funzione normale, semplicemente aggiungendolo alla variabile dell'oggetto.

user.getName();

Se si accede a un metodo senza parentesi tonde, restituirà la definizione della funzione:

user.getName;

Cos'èChiave this?

Potresti aver notato che i nostri metodi sono un po' strani. Ecco un esempio:

　　getName: function() {
　　　return this.firstName + " " + this.lastName;
　　}

La chiave this si riferisce a un codice scritto all'interno dell'oggetto attuale - quindi in questo caso, this è uguale auser.

In altre parole, this.firstName significaQuesto oggettodella proprietà firstName.

PuoiJS thisTutorialChiave this di JSScopri di più su questa chiave

Hai sempre utilizzato gli oggetti

Quando navighi attraverso questi esempi, potresti sempre riflettere sulla familiarità dei punti di punteggiatura. Questo perché l'hai sempre utilizzato nel tutorial.

Ogni volta che esaminiamo esempi di oggetti integrati JavaScript.

Quando accedi al modello di oggetto DOM utilizzando la seguente riga:

　　document.write("Hello world");
　　document.getElementById("para");

Stai utilizzandoDocumentMetodi disponibili sulla classe esempio. Per ogni pagina caricata, viene creato unDocumentEsempio, chiamatodocumentche rappresenta l'intera struttura della pagina, il contenuto e altre funzionalità, come l'URL. Ciò significa che ha diversi metodi/proprietà comuni disponibili.

new Parola chiave

Quando si utilizza la parola chiave new per dichiarare una variabile JavaScript, questa viene creata come oggetto:

　　var a = new Number(); // Dichiarare a come oggetto Number
　　var b = new String(); // Dichiarare b come oggetto String
　　var c = new Boolean(); // Dichiarare c come oggetto Boolean

Evitare l'usoString,NumbereBooleanOggetti. Possono complicare il tuo codice e ridurre la velocità di esecuzione.

Potrai trovare ulteriori informazioni sugli oggetti nella parte successiva di questo tutorial.