Neste artigo você vai aprender qual a diferença entre location.host e location.hostname em JavaScript, propriedades do objeto window
Fala programador(a), beleza? Bora aprender mais sobre o objeto location e JavaScript!
As propriedades host e hostname podem ter o mesmo valor em muitos casos
Isso acontece pois elas extraem basicamente a mesma informação
A grande diferença é que hostname tem um escopo menor, ele extrai a informação apenas do nome do domínio
Já o host pode pegar a porta também, se ela for exposta, por exemplo
Imagine a URL: https://www.site.com:5000
Agora veja o seguinte código:
console.log(window.location.host) // www.site.com:5000 console.log(window.location.hostname) // www.site.com
Veja que a diferença nas respostas é sutil, mas o host exibe mais informações
Em alguns casos a porta não nos interessa, por isso vemos mais a aplicação de hostname
Agora você sabe quando utilizar um ou outro nos seus projetos 🙂
Conclusão
Neste artigo você aprendeu sobre a diferença entre location.host e location.hostname em JS
Com hostname temos um escopo mais fechado, apenas recebendo o domínio de um site
Já o host nos informa a porta também, uma informação mais rica
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!