[Duda] Duda sobre declaración de variables

Cual es la razon por la que en el video, se declaran las variables en distintos ámbitos de algunas funciones? no es mas optimo hacer una declaración de variables constantes al inicio de la clase y luego llamarlas en el ámbito de la función donde se necesite trabajar? acá en el ejemplo de la clase actualizar.controller.js hice a lo que me refiero y me funciona bien, estoy haciendo mal?

import { clientServices } from "../serivice/client-service.js";

// declarando variables 
const formulario = document.querySelector("[data-form]");
const campoNombre = document.querySelector("[data-nombre]");
const campoEmail = document.querySelector("[data-email]");
const url = new URL(window.location);
const id = url.searchParams.get("id");

const obtenerInformacion = async () => {
    if (id === "") {
        window.location.href = "/screens/error.html";
    }

    const { nombre, email } = await clientServices.detalleCliente(id);
    campoNombre.value = nombre;
    campoEmail.value = email;
};
obtenerInformacion();

formulario.addEventListener("submit", (evento) => {
    evento.preventDefault();
    const nombre = campoNombre.value;
    const email = campoEmail.value;
    console.log(nombre, email);

    clientServices.actualizarCliente(nombre, email, id).then(() => {
        window.location.href = "/screens/edicion_concluida.html";
    });
});