Impara Utilizzo dei Metodi Statici in JavaScript | Padronanza delle Classi e dell'Ereditarietà in JavaScript

I metodi statici offrono funzionalità condivise a livello di classe, accessibili senza creare un'istanza.

Cosa sono i metodi statici?

Si può pensare a una società di servizi che fornisce elettricità. La società stessa (classe) fornisce l'energia, ma tu (istanza) non hai bisogno di costruire una centrale elettrica a casa tua. Invece, accedi direttamente al servizio della società (metodo statico).

Come Definire e Utilizzare i Metodi Statici

I metodi statici vengono dichiarati utilizzando la parola chiave static. Possono essere chiamati direttamente dalla classe, ma non hanno accesso alle proprietà o ai metodi dell'istanza poiché operano a livello di classe.


              123456789101112131415
            
class MathUtils {
  // Static method to calculate the square of a number
  static square(number) {
    return number * number;
  }

  // Static method to calculate the cube of a number
  static cube(number) {
    return number * number * number;
  }
}

// Calling static methods directly from the class
console.log(MathUtils.square(4)); // Output: 16
console.log(MathUtils.cube(3)); // Output: 27

In questo esempio, i metodi square e cube sono statici, il che significa che appartengono alla classe MathUtils e possono essere chiamati direttamente sulla classe stessa. Questi metodi eseguono operazioni matematiche e sono condivisi dall'intera classe senza la necessità di essere associati a una specifica istanza.

Perché utilizzare i metodi statici?

I metodi statici sono utili quando si desidera fornire funzionalità correlate alla classe ma non è necessario che siano legate alle singole istanze. Sono comunemente utilizzati per funzioni di utilità, metodi di supporto o logica che si applica in modo generale all'intera classe.

I metodi statici sono spesso utilizzati per operazioni che si applicano universalmente, come calcoli matematici, manipolazione di date o formattazione di stringhe;
I metodi statici possono anche essere utilizzati per operazioni che coinvolgono la classe stessa, come la creazione di istanze in modi specifici, la gestione di configurazioni a livello di classe o la fornitura di accesso ai dati a livello di classe.

Esempio: Metodo statico di utilità

Consideriamo un esempio reale in cui una classe User ha un metodo statico per confrontare gli ID di due utenti. Questo metodo non necessita di interagire con i dati di un singolo utente, quindi può essere un metodo statico della classe.


              12345678910111213141516171819
            
class User {
  constructor(id, name) {
    this.id = id;
    this.name = name;
  }

  // Static method to compare user IDs
  static compareIds(user1, user2) {
    return user1.id === user2.id;
  }
}

const user1 = new User(101, 'Alice');
const user2 = new User(102, 'Bob');
const user3 = new User(101, 'Charlie');

// Using the static method to compare user IDs
console.log(User.compareIds(user1, user2)); // Output: false
console.log(User.compareIds(user1, user3)); // Output: true

In questo esempio, il metodo statico compareIds appartiene alla classe User e consente di confrontare gli ID di due istanze di User senza la necessità di accedere alle loro proprietà o metodi individuali.

Differenze principali tra metodi statici e metodi di istanza

Esempio reale: Classe di utilità per applicazioni

Consideriamo uno scenario in cui un'applicazione deve registrare dei dati. Una classe Logger può avere metodi statici per registrare messaggi con diversi livelli (info, warning, error). Questi metodi possono essere accessibili globalmente senza creare un'istanza del logger.


              123456789101112131415161718
            
class Logger {
  static info(message) {
    console.log(`INFO: ${message}`);
  }

  static warning(message) {
    console.warn(`WARNING: ${message}`);
  }

  static error(message) {
    console.error(`ERROR: ${message}`);
  }
}

// Calling static methods directly from the Logger class
Logger.info('Application started');
Logger.warning('Low disk space');
Logger.error('Uncaught exception occurred');

In questo esempio, i metodi statici info, warning ed error sono funzioni di utilità che possono essere chiamate globalmente per registrare messaggi a diversi livelli. Non è necessaria alcuna istanza di Logger per utilizzare questi metodi.

1. Che cos'è un metodo statico?

2. Come si definisce un metodo statico in una classe?

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 12

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 2.22

Scorri per mostrare il menu