0Pricing
JavaScript Academy · Lezione

Sintassi delle classi (anteprima): constructor, metodi, static, extends

Dai una prima occhiata alla sintassi delle classi: constructor, metodi di istanza, helper statici e semplice ereditarietà con extends.

Sintassi delle classi (anteprima): constructor, metodi, static, extends è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 2 di 2. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 2 lezioni in totale.

Introduzione alla sintassi delle classi

Obiettivo: Vedere come la sintassi delle classi si collega ai prototipi.

  • constructor per l'inizializzazione
  • methods sul prototipo
  • Helper static sulla classe
  • extends per una semplice ereditarietà
Sintassi delle classi (anteprima): constructor, metodi, static, extends — illustrazione 1

Constructor e metodo

Il constructor viene eseguito con new. I metodi nel corpo della classe sono condivisi da tutte le istanze (prototipo).

// Class with a constructor and an instance method
class Counter {
  constructor(start = 0) {
    // Initialize fields
    this.value = start;
  }

  // Instance method (lives on the prototype)
  inc() {
    this.value = this.value + 1;
    console.log("Now:", this.value);
  }
}

const c = new Counter(1);
c.inc();
c.inc();
Sintassi delle classi (anteprima): constructor, metodi, static, extends — illustrazione 2

Condivisione del prototipo

I metodi di istanza nella sintassi delle classi sono metodi del prototipo, quindi la stessa funzione viene riutilizzata.

// Prototype sharing demo
class Greeter {
  say(name) {
    console.log("Hello,", name);
  }
}

const g1 = new Greeter();
const g2 = new Greeter();

// Same function reference for both instances
console.log("Same method?", g1.say === g2.say);
Sintassi delle classi (anteprima): constructor, metodi, static, extends — illustrazione 3

Fondamenti dei metodi static

I metodi static vengono chiamati direttamente sulla classe, non sulle istanze.

// Static method: lives on the class, not instances
class MathBox {
  static double(n) {
    return n * 2;
  }
}

console.log("Static call:", MathBox.double(4));

const m = new MathBox();
// @ts-ignore (conceptually): next line would be undefined in JS
console.log("Instance has static?", typeof m.double);
Sintassi delle classi (anteprima): constructor, metodi, static, extends — illustrazione 4

Ereditarietà semplice

extends configura la catena dei prototipi; utilizzi super per chiamare il metodo della classe padre.

// Inheritance with extends and super
class Animal {
  speak() {
    console.log("...");
  }
}

class Dog extends Animal {
  speak() {
    // Optionally call parent method
    super.speak();
    console.log("Woof");
  }
}

const d = new Dog();
d.speak();
Sintassi delle classi (anteprima): constructor, metodi, static, extends — illustrazione 5

Suggerimenti per le classi

Suggerimenti:

  • Mantenga le classi essenziali: un paio di campi e metodi.
  • Preferisca i metodi di istanza nel corpo della classe (condivisi tramite il prototipo).
  • Utilizzi static per gli helper puri non legati a un'istanza.
Sintassi delle classi (anteprima): constructor, metodi, static, extends — illustrazione 6

Quiz sulla posizione dei metodi di classe

Controllo rapido: posizione dei metodi condivisi.

Sintassi delle classi (anteprima): constructor, metodi, static, extends — illustrazione 7

Riepilogo

Riepilogo: Ha creato una classe con un constructor, scritto metodi di istanza condivisi, aggiunto un helper statico ed esteso una classe di base con super.

Sintassi delle classi (anteprima): constructor, metodi, static, extends — illustrazione 8

Domande Frequenti

La lezione «Sintassi delle classi (anteprima): constructor, metodi, static, extends» è gratuita?

Sì — il testo completo di «Sintassi delle classi (anteprima): constructor, metodi, static, extends» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 2 lezioni in totale.

Cosa imparerò in «Sintassi delle classi (anteprima): constructor, metodi, static, extends»?

Dai una prima occhiata alla sintassi delle classi: constructor, metodi di istanza, helper statici e semplice ereditarietà con extends. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare JavaScript Academy?

Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 2.

Quanto tempo richiede la lezione «Sintassi delle classi (anteprima): constructor, metodi, static, extends»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?

Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. Catena dei prototipi e basi delle proprietà proprie
  2. Sintassi delle classi (anteprima): constructor, metodi, static, extends
← Torna a JavaScript Academy