O que são Métodos em JavaScript?

Você sabe o que são métodos em JavaScript? Hoje vamos entender o conceito por trás dos métodos e como utilizá-los.

Métodos em JavaScript são funções associadas a um campo de um objeto: elas definem as ações que esse objeto pode executar. Você declara a função dentro do objeto e a chama com a sintaxe objeto.metodo(), como em zeus.latir(). O próprio console.log() é um exemplo: .log() nada mais é do que um método do objeto console.

Caso prefira esse conteúdo no formato de vídeo-aula, assista ao vídeo abaixo ou acesse o nosso canal do YouTube!

O que você aprende neste vídeo

Resposta rápida: Método é uma função guardada em um campo de um objeto: ele define o que aquele objeto sabe fazer. Você declara a função dentro do objeto, sem nome, e a chama pelo ponto seguido de parênteses. O exemplo que já estava na frente é o log do console, que nada mais é do que um método do objeto console.

Neste vídeo (12 min):

• 0:40 - Os dois pré-requisitos da aula: saber o que é objeto e o que é função.
• 1:00 - Criar o objeto de exemplo, ainda sem campo nenhum dentro.
• 1:50 - Os campos de característica: nome, raça e idade.
• 2:40 - Por que essas informações ficam agrupadas em um objeto só.
• 3:20 - A virada da aula: além de característica, o objeto pode ter capacidade.
• 4:00 - O campo cujo valor não é texto nem número, e sim uma função.
• 4:40 - A estrutura mínima de uma função em JavaScript.
• 5:00 - Função anônima: por que ali dentro ela não precisa de nome.
• 5:40 - Pôr uma instrução dentro dela para ela deixar de ser vazia.
• 6:00 - As duas formas de acessar um campo de um objeto.
• 7:00 - Executar a função pelo par de parênteses depois do nome do campo.
• 7:30 - Rodar o código e ver o resultado aparecer no console.
• 8:00 - O nome disso: função guardada dentro de objeto se chama método.
• 9:40 - O exemplo que estava na frente o tempo todo: o log do console.

Trechos do vídeo:

• A função dentro do objeto pode ser anônima porque o nome dela já é o campo. Quem a identifica é a chave em que ela foi guardada, e é por essa chave que ela é chamada.
• Objeto existe para representar algo do mundo real em código. O método é o que permite representar também o que essa coisa faz, e não só o que ela é.

JavaScript Impressionador

Como usar JavaScript em qualquer empresa e qualquer área, com exemplos totalmente aplicados à realidade do Mercado de Trabalho, seja para se tornar um Desenvolvedor Front End, Backend, Full Stack ou Mobile.

Começar agora

O que são Métodos em JavaScript?

Na aula de hoje, você irá aprender como funcionam os métodos em JavaScript, sua importância e como utilizá-los.

Resumidamente, os métodos são blocos de código em JavaScript que executam ações e funções específicas de um objeto. Para essa aula, é importante revisar os conceitos aprendidos sobre objetos e funções.

Também é importante que você utilize um editor de códigos para praticar. Você pode optar pelo editor com o qual está mais familiarizado ou pode aprender como instalar e configurar o mesmo editor que eu estarei utilizando ao longo desta aula, o Visual Studio Code.

Métodos em JavaScript

Vamos entender como funcionam os métodos em JavaScript. Para isso, vamos criar um arquivo JavaScript em branco e definir o objeto que iremos utilizar, passando para ele algumas informações.

const zeus = {
    nome: 'Zeus',
    raca: 'Vira-Lata',
    idade: 7,
}

Quando criamos um objeto, como o nosso “cachorro” neste caso, definimos não apenas suas características, mas também suas capacidades e as ações que ele pode executar.

const zeus = {
    nome: 'Zeus',
    raca: 'Vira-Lata',
    idade: 7,
    latir: function (){
        console.log('Au au au au!');
    },
}

Podemos criar uma função anônima dentro do nosso objeto porque ela está associada a um campo específico dentro dele. No nosso exemplo, a função está associada ao campo latir do objeto zeus.

Isso significa que se executarmos o código:

const zeus = {
    nome: 'Zeus',
    raca: 'Vira-Lata',
    idade: 7,
    latir: function (){
        console.log('Au au au au!');
    },
}

zeus.latir();

Teremos a seguinte mensagem exibida no nosso console:

Nesse caso, nossa função foi executada a partir do objeto zeus. Quando uma função está contida dentro de um objeto, associada a um campo dele, chamamos de método. Ou seja, latir() será um método do objeto zeus.

Portanto, a sintaxe seria: declaramos primeiro o objeto, seguido de ponto (.) e então o nome do método.

nomeObjeto.nomeMetodo();

Compreender o conceito de método em JavaScript é essencial, pois os objetos são usados para representar e modelar coisas do mundo real. E são os métodos que definem as capacidades e ações que esses objetos podem ter.

Dessa forma, podemos associar não apenas informações estáticas, mas também ações dentro do nosso código.

Já havíamos visto um exemplo desse conceito ao utilizar a instrução console.log(). Em que .log() nada mais é do que um método em JavaScript do objeto console.

E esse não é o único método presente nele. Vale a pena pesquisar e estudar mais sobre o objeto console para compreender melhor como os métodos funcionam, pois cada método possui características, funcionalidades e capacidades diferentes.

Assim como o objeto console, os objetos que criarmos também poderão possuir vários métodos com funções e capacidades distintas.

Perguntas frequentes

Conclusão – Métodos em JavaScript

Nessa aula, expliquei o que são os métodos em JavaScript, para que eles servem e como podemos utilizá-los na prática.

Os métodos são uma estrutura fundamental em JavaScript, pois representam as ações dos nossos objetos e executam as funções correspondentes.

Portanto, é crucial compreender bem os conceitos de objetos e funções em JavaScript para ter um melhor entendimento dos métodos. Esses conhecimentos formam a base do JavaScript, então pratique, estude e familiarize-se com eles.

Hashtag Treinamentos

Para acessar publicações de JavaScript, clique aqui!