Latest web development tutorials
×

JavaScript corso

JavaScript corso JavaScript breve introduzione JavaScript uso JavaScript esportazione JavaScript grammatica JavaScript dichiarazioni JavaScript nota JavaScript variabile JavaScript Tipi di dati JavaScript Oggetti JavaScript funzione JavaScript portata JavaScript evento JavaScript stringa JavaScript operatori JavaScript confrontare JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo di conversione JavaScript Espressioni regolari JavaScript errore JavaScript Debugging JavaScript alzata variabile JavaScript Modalità Strict JavaScript Uso improprio JavaScript Forms Authentication JavaScript Parole chiave riservate JavaScript JSON JavaScript void JavaScript Codice Specifica

JS funzione

JavaScript definizione di funzione JavaScript Argomenti funzione JavaScript richiamo della funzione JavaScript chiusure

JS HTML DOM

DOM breve introduzione DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzato

JavaScript Oggetti JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Oggetti

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript evento programmato JavaScript Cookies

JS magazzino

JavaScript magazzino JavaScript prova jQuery JavaScript prova Prototype

JS Esempi

JavaScript Esempi JavaScript istanza di oggetto JavaScript istanza di oggetto Browser JavaScript HTML DOM Esempi JavaScript sommario

JS Manuale di riferimento

JavaScript Oggetti HTML DOM Oggetti

oggetto JavaScript

Tutte le cose sono oggetti JavaScript: stringhe, numeri, array, funzioni ...

Inoltre, JavaScript permette oggetti personalizzati.


Tutto è un oggetto

JavaScript offre diversi oggetti incorporati, come stringa, data, Array, e così via. Solo con particolari proprietà degli oggetti del tipo di dati e metodi.

  • Booleana può essere un oggetto.
  • tipo numerico può essere un oggetto.
  • String può anche essere un oggetto
  • Data è un oggetto
  • La matematica e le espressioni regolari sono oggetti
  • Un array è un oggetto
  • Anche la funzione di oggetto può essere

oggetto JavaScript

L'oggetto è solo un particolare tipo di dati. Gli oggetti hanno proprietà e metodi.


accedere agli oggetti di proprietà

La proprietà è un valore associato a un oggetto.

L'accesso sintassi attributo dell'oggetto è:

objectName.propertyName

Questo esempio utilizza la proprietà length dell'oggetto String per ottenere la lunghezza della stringa:

var message="Hello World!";
var x=message.length;

Dopo l'esecuzione del codice precedente, il valore di x sarà:

12


Object Access Method

Il metodo è un'operazione che può essere eseguita sull'oggetto.

È possibile chiamare il metodo utilizzando la seguente sintassi:

objectName.methodName()

Questo esempio utilizza il metodo oggetto toUpperCase String () per convertire il testo in lettere maiuscole:

var message="Hello world!";
var x=message.toUpperCase();

Dopo l'esecuzione del codice precedente, il valore di x sarà:

HELLO WORLD!


Creare un oggetto JavaScript

Tramite JavaScript, è possibile definire e creare i propri oggetti.

Creare un nuovo oggetto in due modi diversi:

  • Definire e creare un'istanza di un oggetto
  • Utilizzare le funzioni per definire l'oggetto, e quindi creare una nuova istanza di oggetto

Creare un'istanza diretta

Questo esempio crea una nuova istanza dell'oggetto e aggiungere quattro proprietà:

Esempi

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

Prova »

Sintassi alternativa (utilizzando letterali oggetto):

Esempi

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

Prova »


Utilizzando il costruttore dell'oggetto

In questo esempio si utilizza la funzione di costruire oggetti:

Esempi

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

Prova »

In JavaScript, questo di solito indica una funzione che si sta eseguendo, o un oggetto che punta alla funzione di appartenenza (run-time)


Creare una istanza di oggetto JavaScript

Una volta ottenuto il costruttore dell'oggetto, è possibile creare una nuova istanza dell'oggetto, in questo modo:

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");


Le proprietà agli oggetti JavaScript

È possibile assegnare un oggetto, aggiungere nuovi attributi agli oggetti esistenti:

Supponiamo personObj esiste già - il quale è possibile aggiungere questi nuovi attributi: nome, cognome, età e il colore degli occhi:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

T nel codice sopra è eseguito, il valore di x sarà:

John


Il metodo per aggiungere oggetti di JavaScript

Il metodo viene semplicemente collegato alla funzione dell'oggetto.

Nel metodo della funzione di costruzione all'interno della definizione di un oggetto:

function person(firstname,lastname,age,eyecolor)
{
	this.firstname=firstname;
	this.lastname=lastname;
	this.age=age;
	this.eyecolor=eyecolor;

	this.changeName=changeName;
	function changeName(name)
	{
		this.lastname=name;
	}
}

() Valore del nome della funzione della persona incaricata di changename proprietà Cognome.

Ora si può provare:

myMother.changeName("Doe");

Prova »

classi JavaScript

JavaScript è un linguaggio orientato agli oggetti, ma JavaScript non usa classe.

In JavaScript, non viene creata la classe, né di creare un oggetto (come negli altri linguaggi orientati agli oggetti) attraverso la classe.

prototipo basato su JavaScript, piuttosto che basata sulla classe.


per JavaScript ... in loop

JavaScript per ... nella dichiarazione per scorrere le proprietà dell'oggetto.

grammatica

for (variable in object)
{
	执行的代码……
}

Nota: per ... in blocco di codice ciclo verrà eseguita una volta per ogni proprietà.

Esempi

Loop attraverso le proprietà di un oggetto:

Esempi

var persona = {fname: "John", lname: "Doe", età: 25};

per (x a persona)
{
txt = txt + persona [x];
}

Prova »