Qual a diferença de location e location.href em JavaScript

Neste artigo você vai aprender qual a diferença de location e location.href em JS, e quando utilizar cada um dos recursos

Fala programador(a), beleza? Bora aprender mais sobre objetos de JavaScript!

A diferença é bem simples, location é o objeto que utilizamos para realizar alguma alteração na URL

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Ele tem propriedades e métodos, como:

• hash;
• host;
• href;
• pathname;
• port;
• protocol;
• search;
• hostname;

Então em vez de utilizarmos diretamente, vamos utilizar algum recurso dele para o que precisamos

Neste caso do artigo, href muda a URL para uma URL determinada

O que pode dar certo em alguns casos, fazendo deste jeito:

location = "https://www.google.com";

// ou

location.href = "https://www.google.com";

Porém, seguindo as boas práticas da programação, o correto seria a segunda opção

Ou seja:

location.href = "https://www.google.com";

Aconselho a você também conhecer melhor o objeto location

Busque pelas propriedades do mesmo, e entenda o que elas podem fazer por você

Deixe um comentário contando o que achou desta solução 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

No artigo de hoje você aprendeu a diferença de location e location.href em JavaScript

Basicamente, location é um objeto que contém propriedades e métodos

E href é uma de suas propriedades, que utilizamos para mudar de URL

Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!