Aprenda Usando Métodos Estáticos em JavaScript | Dominando Classes e Herança em JavaScript

Métodos estáticos oferecem funcionalidades compartilhadas no nível da classe, acessíveis sem a necessidade de criar uma instância.

O que são métodos estáticos?

Considere uma empresa de energia elétrica que fornece eletricidade. A própria empresa (classe) fornece a energia, mas você (uma instância) não precisa construir uma usina em sua casa. Em vez disso, você acessa o serviço da empresa (método estático) diretamente.

Como Definir e Utilizar Métodos Estáticos

Métodos estáticos são declarados utilizando a palavra-chave static. Eles podem ser chamados diretamente a partir da classe, mas não têm acesso às propriedades ou métodos de instância, pois operam no nível da 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

Neste exemplo, os métodos square e cube são estáticos, ou seja, pertencem à classe MathUtils e podem ser chamados diretamente na própria classe. Esses métodos realizam operações matemáticas e são compartilhados por toda a classe sem a necessidade de estarem associados a uma instância específica.

Por que usar métodos estáticos?

Métodos estáticos são úteis quando se deseja fornecer funcionalidades relacionadas à classe, mas que não precisam estar vinculadas a instâncias individuais. Eles são comumente utilizados para funções utilitárias, métodos auxiliares ou lógica que se aplica amplamente à classe como um todo.

Métodos estáticos são frequentemente usados para operações que se aplicam universalmente, como cálculos matemáticos, manipulação de datas ou formatação de strings;
Métodos estáticos também podem ser usados para operações que envolvem a própria classe, como criar instâncias de maneiras específicas, gerenciar configurações em nível de classe ou fornecer acesso a dados de toda a classe.

Exemplo: Método utilitário estático

Considere um exemplo do mundo real em que uma classe User possui um método estático para comparar os IDs de dois usuários. Esse método não precisa interagir com os dados de nenhum usuário individual, portanto pode ser um método estático na 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

Neste exemplo, o método estático compareIds pertence à classe User e permite comparar os IDs de duas instâncias de User sem a necessidade de acessar suas propriedades ou métodos individuais.

Principais Diferenças Entre Métodos Estáticos e de Instância

Exemplo do Mundo Real: Classe Utilitária de Aplicação

Considere um cenário em que uma aplicação precisa registrar dados. Uma classe Logger pode ter métodos estáticos para registrar mensagens com diferentes níveis (info, warning, error). Esses métodos podem ser acessados globalmente sem a necessidade de criar uma instância do 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');

Neste exemplo, os métodos estáticos info, warning e error são funções utilitárias que podem ser chamadas globalmente para registrar mensagens em diferentes níveis. Não é necessário criar uma instância de Logger para utilizar esses métodos.

1. O que é um método estático?

2. Como definir um método estático em uma classe?

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 1. Capítulo 12

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

What are some other common use cases for static methods?

Can you explain the difference between static and instance methods in more detail?

How do I decide when to use a static method versus an instance method?

Awesome!

Completion rate improved to 2.22

Deslize para mostrar o menu