10 - Função e método

No JavaScript, é crucial compreender a diferença entre funções e métodos. Neste capítulo, exploraremos essa distinção fundamental, destacando as características de funções e métodos e suas diferenças e aplicabilidades no mundo da programação.

10.1 Função

Uma função é um bloco de código reutilizável que executa uma tarefa específica ou um conjunto de tarefas. Elas são fundamentais para a organização e modularização do código, permitindo dividir tarefas complexas em partes menores, reutilizáveis e gerenciáveis. Uma função precisa ser invocada para ser executada e pode opcionalmente retornar um valor utilizando a declaração return.

function greet(name) {
  return "Olá, " + name + "!";
}
console.log(greet("Nerissa Spellman")); 
// Saída: "Olá, Nerissa Spellman!"

Neste exemplo, a função greet recebe um parâmetro name e retorna uma saudação que é personalizada com o valor de string recebido pelo name ao ser chamada a função.

10.2 Método

Métodos são funções armazenadas como propriedades de objetos e usadas para definir o comportamento desse objeto. Eles estão intimamente ligados aos objetos, agindo como ações especializadas para os dados que o objeto contém.

let person = {
  firstName: "Nerissa",
  lastName: "Spellman",
  greet: function() {
    return "Olá, " + this.firstName + " " + this.lastName;
  }
};
console.log(person.greet()); 
// Saída: "Olá, Nerissa Spellman!"

O objeto person possui um método greet que retorna uma saudação personalizada com o nome firstName e sobrenome lastName armazenados no objeto.

Funções	Métodos
São blocos de código independentes.	São funções associadas a objetos.
São chamadas diretamente pelo nome, como functionName().	São invocados através de objetos usando a notação de ponto, como object.method().
Podem ser chamadas diretamente pelo nome, como functionName().	São especializados para ações relacionadas a um objeto específico.

Ao entender a diferença entre funções e métodos, você poderá estruturar melhor seu código e aproveitar ao máximo a orientação a objetos em JavaScript.

No próximo capítulo, vamos mergulhar no conceito de DOM (Modelo de Objeto de Documento) do JavaScript. O DOM é uma interface que permite interagir dinamicamente com elementos HTML e XML de uma página web, manipulando sua estrutura, conteúdo e estilo. Prepare-se para explorar essa poderosa ferramenta e aprender como ela pode ser utilizada para criar interfaces web dinâmicas e interativas.