Tengo una extensión de Chrome con script como se muestra a continuación. Este script se ejecuta cuando el usuario invoca la extensión y llena el campo de entrada con algún valor ficticio.
const firstNameSelector = ".input-first-name"; document.querySelector(firstNameSelector).value = "John";Está funcionando como se esperaba. Pero si el usuario está invocando la extensión, más de una vez, está fallando con el error:
Ya se ha declarado el identificador 'firstNameSelector'.
Entonces, cambié el código de la siguiente manera:
const firstNameSelector = firstNameSelector || ".input-first-name"; document.querySelector(firstNameSelector).value = "John";Ahora está fallando con este error:
No se puede acceder a 'firstNameSelector' antes de la inicialización.
¿Cómo soluciono esta situación? Siento que este es un problema simple, pero estoy confundido sobre cómo resolverlo.
EDITAR : podría solucionar esto actualizando el script como se muestra a continuación, pero ¿hay alguna manera en la que no necesite sacrificar la declaración de variables y mantener el código ordenado y limpio?
document.querySelector('.input-first-name').value = "John";Esto es principalmente un problema de alcance. En js no puede acceder a una variable antes de su declaración si la variable se declara en el mismo ámbito, es por eso que obtuvo el error:
No se puede acceder a 'firstNameSelector' antes de la inicialización.
Dado que no necesita que la variable firstNameSelector sea global, puede adjuntar el fragmento de código que causa el error...
Ya se ha declarado el identificador 'firstNameSelector'.
... en un ámbito separado, como este:
console.log(typeof firstNameSelector) { const firstNameSelector = ".input-first-name"; document.querySelector(firstNameSelector).value = "John"; } <input class="input-first-name">Aquí, los corchetes crean un alcance diferente para que el código siempre se ejecute, y puede invocar varias veces el script sin errores de declaración.