O que é void em JavaScript e para que serve o javascript:void(0)

Neste artigo você vai aprender o que é void em JavaScript, como utilizar esta expressão em seus sites e aproveitar suas vantagens

Conteúo também disponível em vídeo:

Fala programador(a), beleza? Bora aprender mais sobre a instrução void de JavaScript!

Basicamente é uma instrução que vai gerar um efeito de undefined onde é utilizada

O void é muito utilizado em links, onde ele avalia o link para undefined, ou seja, que não vai a lugar algum na página

Veja um exemplo:

<a href="javascript:void(0);">Teste void</a>

Aqui teremos um link que não leva a lugar algum, então muitos programadores costumam adicionar o void para que ele crie esta “funcionalidade”

O redirecionamento, que é o comportamento padrão de links, será ignorado por causa da expressão undefined

Geralmente quando queremos remover o redirect de um link, utilizamos o void para auxiliar nesta função

Conclusão

Neste artigo aprendemos o que é void em JavaScript e como utilizá-lo

O void vai transformar uma expressão de código em undefined, ou seja, não vai levar a lugar algum

Quando queremos criar um link sem redirecionamento, utilizamos o void na tag a do HTML

Ele vai suprimir o redirecionamento, removendo o comportamento da tag em que foi adicionado

Esta técnica é bem comum quando precisamos fazer algo antes de um usuário clicar no link, por exemplo

Processamos alguma informação e depois o redirecionamos para alguma página

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

O que significa o 0 dentro do void(0)?

Aqui vem a dúvida clássica de quem tá começando

"Por que o número 0 ali dentro?"

O void não liga pro que tu coloca dentro dele, ele sempre devolve undefined

O 0 é só a expressão mais curta e simples que dá pra passar, poderia ser void(1) ou void("qualquer coisa") que o resultado seria o mesmo

Como o objetivo é só gerar undefined e travar o redirecionamento, os programadores usam o 0 por ser o mais enxuto

Ou seja, void(0) é basicamente "me devolve undefined e não faz mais nada"

O void funciona com qualquer expressão, não só em links

Apesar de aparecer bastante em links, o void é um operador da linguagem, então tu pode usar ele em qualquer expressão

O comportamento é sempre o mesmo, ele avalia o que vem depois e retorna undefined

Um caso comum é em arrow function, quando tu quer executar algo mas não quer que a função devolva um valor por engano

Assim tu garante que o retorno vai ser undefined, mesmo que a função chamada devolva alguma coisa

É um jeito de deixar claro no código "roda isso, mas ignora o retorno"

Perguntas frequentes sobre o void em JavaScript

Void e undefined são a mesma coisa?

Não exatamente

O undefined é um valor, o void é um operador que produz esse valor

Na prática, void sempre resulta em undefined, por isso os dois andam juntos na explicação

Void(0) e void 0 são diferentes?

Não, o resultado é o mesmo

Os parênteses são opcionais, void 0 e void(0) devolvem undefined do mesmo jeito, é só uma questão de estilo de escrita

Quando eu devo usar o javascript:void(0)?

Quando tu quer um link que não sai do lugar, geralmente pra rodar alguma coisa antes ou no lugar do redirecionamento padrão

Ele segura o comportamento normal da tag a e deixa tu no controle do que acontece no clique