CLASSI IN JAVASCRIPT

DEFINIZIONE DI CLASSE Nella programmazione orientata agli oggetti una classe è un costrutto di un linguaggio di programmazione usato come modello per creare oggetti. Il modello comprende attributi e metodi che saranno condivisi da tutti gli oggetti creati (istanze) a partire dalla classe. Un “oggetto” è, di fatto, l’istanza di una classe. Nel JavaScript moderno c’è un costrutto “class” più avanzato, che introduce nuove possibilità molto utili per la programmazione ad oggetti. LA SINTASSI DI CLASS class MyClass {   // metodi della classe   constructor() { ... }   method1() { ... }   method2() { ... } [...]

DEFINIRE UNA CLASSE E IL SUO COSTRUTTORE Una constructor function normalmente riceve in input dei parametri. La keyword this fa in modo che gli oggetti creati dalla constructor function abbiano una copia di quelle proprietà, proprietà aventi come valori i valori passati in input. Vediamo con un esempio di codice le differenze tra una constructor function e una classe. Creare un oggetto da una constructor function o creare una istanza da una classe con le medesime proprietà da i medesimi risultati. La differenza è che le proprietà di una classe devono essere inizializzate in un metodo [...]

L’ereditarietà in javascript è una caratteristica che permette ad una classe di estendere le proprietà di altre classi.  LA PAROLA CHIAVE EXTENDS Ipotizziamo di avere una classe Animal: class Animal {   constructor(name) {     this.speed = 0;     this.name = name;   }   run(speed) {     this.speed = speed;     alert(`${this.name} runs with speed ${this.speed}.`);   }   stop() {     this.speed = 0;     alert(`${this.name} stands still.`);   } } let animal = new Animal("My animal"); Qui vediamo come rappresentare l’oggetto Animal e la classe Animal graficamente: Potremmo voler creare un’altra class Rabbit. Poiché [...]

METODI STATICI Possiamo anche assegnare metodi alle classi stesse, non solamente al loro "prototype". Questi metodi sono detti statici. All’interno della classe, questi vengono preceduti dalla keyword static, come possiamo vedere nell’esempio:   class User {   static staticMethod() {     alert(this === User);   } } User.staticMethod(); // true Il valore di this nella chiamata User.staticMethod() è rappresentato dal costruttore della classe User (la regola dell’oggetto prima del punto). Solitamente, i metodi statici vengono utilizzati per rappresentare funzioni che appartengono alla classe, ma non ad un oggetto in particolare. Ad esempio, potremmo avere degli oggetti di tipo Article e necessitare di una funzione per confrontarli. Una soluzione naturale sarebbe quella di aggiungere il metodo Article.compare, [...]

INCAPSULAMENTO JAVASCRIPT Uno dei concetti più importanti della programmazione ad oggetti è l’incapsulamento, ovvero la delimitazione delle interfacce interne da quelle esterne. Questa pratica è un “must” nello sviluppo di una qualsiasi applicazione che sia più complessa di “hello world”. Per comprenderla, usciamo dal mondo dello sviluppo e guardiamo al mondo reale. Solitamente, i dispositivi che utilizziamo sono piuttosto complessi. Poter delimitare la loro interfaccia interna da quella esterna, ci consente di utilizzarli senza grossi problemi. UN ESEMPIO DAL MONDO REALE Prendiamo l’esempio di una macchina del caffè. Semplice all’esterno: un bottone, un display, un paio di fori… E, [...]