Funções construtoras em JavaScript

Introdução Link to heading

As funções do construtor em JavaScript permitem criar objetos de maneira mais eficiente e reutilizável. Eles são uma ferramenta fundamental para programação orientada a objetos (OOP) em JavaScript.

Exemplo Link to heading 

// Função construtora para criar objetos "Carro"
class Carro {
  // Propriedades do carro
  constructor(marca, modelo, ano) {
    this.marca = marca;
    this.modelo = modelo;
    this.ano = ano;
  }
}

// Criando um novo objeto "Carro"
var novoCarro = new Carro("Tesla", "Model 3", 2020);

// Imprimindo as propriedades do carro
console.log(novoCarro); // Imprime "Carro { marca: "Tesla", modelo: "Model 3", ano: 2020 }"

Explicação: Link to heading

  • A função construtora Carro define as propriedades marca, modelo e ano para os objetos que são criados a partir dela.
  • A palavra-chave new é usada para criar uma nova instância da função construtora Carro.
  • A variável novoCarro armazena a referência ao novo objeto criado.
  • Ao imprimir a variável novoCarro, as propriedades do objeto são exibidas com seus valores correspondentes.

Vantagens de usar funções construtoras: Link to heading

  • Eles permitem criar objetos com estrutura e propriedades predefinidas.
  • Facilitam a criação de objetos de forma repetitiva.
  • Promovem a reutilização de código.
  • Permitem criar objetos com maior complexidade e comportamento.

Desvantagens de usar funções construtoras: Link to heading

  • Podem ser mais complexas de compreender do que as funções tradicionais.
  • Requerem conhecimentos básicos de programação orientada a objetos.

Continue aprendendo sobre funções construtoras para escrever código JavaScript mais eficiente e modular!

Adicionalmente: Link to heading

  • Você pode adicionar métodos à função construtora Carro para definir comportamentos específicos.
  • Você pode usar herança para criar novas classes a partir de uma classe base, como Carro.

Exemplo de método: Link to heading 

class Carro {
  constructor(marca, modelo, ano) {
    this.marca = marca;
    this.modelo = modelo;
    this.ano = ano;
  }

  ligueOMotor() {
    console.log("O carro agora está ligado");
  }
}

var novoCarro = new Carro("Tesla", "Model 3", 2020);

novoCarro.ligueOMotor(); // Imprime "O carro agora está ligado"
<< Loops em JavaScript >>