• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

144
Vistas
Variable de Javascript no definida bien referenciada fuera del constructor

He estado atascado en esto durante una buena hora ahora y sé que es algo tan simple pero no puedo entenderlo 🤦🏽

Entonces, ambas variables que configuré en el constructor no están definidas fuera del constructor cuando las llamo.

Este es un archivo js que finalmente se usa para un componente de búsqueda en un sitio de Shopify. ¡Gracias por adelantado!

Vea el código a continuación:

 class PredictiveSearch extends HTMLElement { constructor(){ super(); //Set elements this.searchBtn = this.querySelector('#search-btn'); this.searchContainer = this.querySelector('#main-search_wrapper'); // Set event listeners this.searchBtn.addEventListener("click", this.openSearch); } // Open search overlay openSearch(){ console.log(this.searchContainer); this.searchContainer.style.display = "block"; } } customElements.define('predictive-search', PredictiveSearch);
about 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Es probable que su HTML no se haya cargado cuando se llama openSearch() . Compruebe si los elementos se han cargado primero antes de llamar a la función.

 loading = setInterval(() => { if (document.getElementById("main-search_wrapper")) { openSearch(); clearInterval(loading); } }, 100);

Si esto no funciona, intente vincular openSearch() a this en el constructor para asegurarse de this sea correcto.

 function constructor() { ... this.searchContainer = this.querySelector('#main-search_wrapper'); const openSearch = (() => { console.log(this.searchContainer); this.searchContainer.style.display = "block"; }).bind(this); }
about 3 years ago · Juan Pablo Isaza Denunciar

0

Creo que this se debe a que no se refiere a la clase/instancia de la clase cuando está dentro de la función constructor() . Creo que se refiere a la función en sí.

about 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda