Gli ultimi tutorial di sviluppo web
 

JavaScript Oggetti

❮ Precedente Successivo Capitolo ❯

Real Life oggetti, proprietà e metodi

Nella vita reale, una macchina è un oggetto.

Una macchina ha proprietà come il peso e colore, e metodi come inizio e arresto:

Oggetto Proprietà metodi

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white
car.start()

car.drive()

car.brake()

car.stop()

Tutte le vetture hanno le stesse proprietà, ma i valori delle proprietà differiscono da un'auto all'altra.

Tutte le vetture hanno gli stessi metodi, ma i metodi vengono eseguiti in tempi diversi.

oggetti JavaScript

Hai già imparato che le variabili JavaScript sono contenitori per i valori dei dati.

Questo codice assegna un valore semplice (Fiat) di una macchina variabile denominata:

var car = "Fiat";
Prova tu stesso "

Gli oggetti sono variabili troppo. Ma gli oggetti possono contenere molti valori.

Questo codice assegna molti valori (Fiat, 500, white) ad un nome auto variabile:

var car = {type:"Fiat", model:"500", color:"white"};
Prova tu stesso "

I valori sono scritti come nome: coppie di valori (nome e il valore separati da due punti).

Oggetti JavaScript sono contenitori per valori denominati.

Proprietà oggetto

Il nome: valori coppie (in oggetti JavaScript) sono chiamati proprietà.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Proprietà Costo dell'immobile
firstName John
lastName Doe
age 50
eyeColor blue

Metodi dell'oggetto

I metodi sono azioni che possono essere eseguite sugli oggetti.

I metodi sono memorizzati in proprietà come definizioni di funzioni.

Proprietà Costo dell'immobile
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

oggetti JavaScript sono contenitori per valori denominati chiamati proprietà o metodi.

oggetto Definizione

Si definisce (e creare) un oggetto JavaScript con un oggetto letterale:

Esempio

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Prova tu stesso "

Gli spazi e le interruzioni di riga non sono importanti. Una definizione di un oggetto può estendersi su più righe:

Esempio

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
Prova tu stesso "

Accesso alle proprietà degli oggetti

È possibile accedere alle proprietà degli oggetti in due modi:

objectName.propertyName

o

objectName["propertyName"]

Esempio 1

person.lastName;
Prova tu stesso "

Esempio 2

person["lastName"];
Prova tu stesso "

Accesso ai metodi dell'oggetto

Si accede a un metodo di oggetto con la seguente sintassi:

objectName.methodName()

Esempio

name = person.fullName();
Prova tu stesso "

Se si accede al fullName proprietà, senza () , che restituisce la definizione della funzione:

Esempio

name = person.fullName;
Prova tu stesso "

Non dichiarare stringhe, numeri e booleani come oggetti!

Quando una variabile JavaScript viene dichiarata con la parola chiave "new" , la variabile viene creata come oggetto:

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

Evitare String, numero, e gli oggetti booleani. Si complicano il codice e rallentano la velocità di esecuzione.

Si impara di più sugli oggetti più avanti in questo tutorial.

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 »


❮ Precedente Successivo Capitolo ❯