OGGETTI JAVASCRIPT

DEFINIZIONE DI OGGETTO In JavaScript, gli oggetti sono importanti. Se capisci gli oggetti, capisci JavaScript. In questo linguaggio, quasi "tutto" è un oggetto. I booleani possono essere oggetti (se definiti con la parola chiave new) I numeri possono essere oggetti (se definiti con la parola chiave new) Le stringhe possono essere oggetti (se definite con la parola chiave new) Le date sono sempre oggetti Math è un oggetto Le espressioni regolari sono sempre oggetti Gli array sono sempre oggetti Le funzioni sono sempre oggetti Gli oggetti sono sempre oggetti Tutti i valori JavaScript, eccetto i valori primitivi, sono oggetti. [...]

OOP E PROTOTYPE IN JAVASCRIPT La programmazione orientata agli oggetti è un paradigma che mette al centro gli oggetti anziché le funzioni. Guardiamo l'immagine sotto riportata. COSA SONO GLI OGGETTI? Gli oggetti sono strutture dati che integrano al loro interno variabili e funzioni. Le variabili prendono il nome di proprietà e le funzioni si chiamano metodi. I quattro pilastri della OOP sono riportati nell’immagine a fianco. INCAPSULAMENTO Incapsulare vuol dire chiudere in una capsula. Si raggruppano dati e funzioni correlati. Le funzioni o metodi lavorano internamente con i dati per eseguire [...]

PROPRIETA’ DEGLI OGGETTI Le proprietà sono la parte più importante di qualsiasi oggetto JavaScript. Un oggetto è una raccolta di proprietà non ordinate. Le proprietà di solito possono essere modificate, aggiunte ed eliminate, ma alcune sono di sola lettura. La sintassi per accedere alla proprietà di un oggetto è: objectName.property      // person.age oppure: objectName["property"]   // person["age"] oppure: objectName[expression]   // x = "age"; person[x] L'espressione deve restituire un nome di proprietà. const person = {   firstName: "John",   lastName: "Doe",   age: 50,   eyeColor: "blue" }; person.firstname + " is " + person.age + " years old."; person["firstname"] + " is " + person["age"] + " years old."; FOR IN LOOP L'istruzione JavaScript for...in scorre le proprietà di [...]

METODI DEGLI OGGETTI fullName è un esempio di "metodi degli oggetti javascript". const person = {   firstName: "John",   lastName: "Doe",   id: 5566,   fullName: function() {     return this.firstName + " " + this.lastName;   } }; Per quanto riguarda la keyword this fare riferimento a questo post (la parola chiave this). I metodi JavaScript sono azioni che possono essere eseguite sugli oggetti. Un metodo JavaScript è una proprietà che contiene una definizione di funzione. I metodi sono funzioni memorizzate come proprietà dell'oggetto. ACCEDERE AI METODI Si accede a un metodo oggetto con la seguente sintassi: objectName.methodName() In genere descrivi fullName() come un metodo dell'oggetto person e fullName come [...]

ACCESSO AGLI OGGETTI JAVASCRIPT ECMAScript 5 (ES5 2009) ha introdotto Getter e Setter. Esse consentono di definire gli oggetti di accesso (proprietà calcolate). LA KEYWORD GET Questo esempio usa una proprietà lang per ottenere il valore della proprietà language. // Create an object: const person = {   firstName: "John",   lastName: "Doe",   language: "en",   get lang() {     return this.language;   } }; // Display data from the object using a getter: document.getElementById("demo").innerHTML = person.lang; LA KEYWORD SET Questo esempio usa una proprietà lang per impostare il valore della proprietà language. const person = {   firstName: "John",   lastName: "Doe",   language: "",   set lang(lang) {     this.language = [...]