Como obter a URL atual da página com JavaScript? (caminho completo, host, protocolo)

Olá a todos! Comecei a estudar JavaScript e me deparei com a seguinte tarefa: preciso obter o endereço completo da página atual para, por exemplo, passá-lo para um formulário de contato ou compartilhar o link. Tentei escrever algo como `var url = window.location;`, mas no console aparece um objeto, não uma string. Depois li que é preciso usar `window.location.href` — funcionou, mas quero entender mais a fundo. Preciso não só obter a URL completa, mas também separadamente: - Protocolo (http ou https) - Nome de domínio (exemplo: example.com) - Caminho (/blog/article.html) - Parâmetros de consulta (?id=5&page=2) - Hash (#section) Tentei este código: ```javascript var currentUrl = window.location.href; console.log("URL completa: " + currentUrl); ``` Mas como extrair cada parte separadamente? E existe diferença entre `window.location` e `document.location`? Desde já agradeço pela ajuda! Quero muito entender para não copiar e colar soluções prontas, mas sim compreender como e o que funciona.