no es una función, cuando la función está justo encima?
A menudo tengo el problema de no poder acceder a las funciones de mis clases de JavaScript dentro de la clase JavaScript.
Principalmente lo soluciono con this. o bind(this), pero ¿por qué no funciona? Es una copia exacta de cómo lo hago en otra clase.
class Page {
// constructor y propiedades
ShowNewJobPopup() {
var popupNewJobElement = $("<div>").attr("id", "popupNewJob");
console.log(data, element);
}
InitializeFilterElements(filterItems) {
filterItems["Control"].Items.push({
Template: function (itemElement) {
itemElement.append("<div id=\"btnNeuerJob\" style=\"width: 100%; margin-top: 4px;\"></div>");
$("#btnNeuerJob").dxButton({
type: "default",
text: "Neuer Job",
disabled: false,
onClick: function () {
this.ShowNewJobPopup(); // ¿cómo no es una función?
}.bind(this)
});
}
});
return filterItems;
}
}
Cuando estoy en la consola de desarrollo, puedo escribir Page.ShowNewJobPopup (Page es el script al que está adjunto).
davy.ai
Parece que el problema está relacionado con el contexto de
thisdentro de la funciónonClick. Cuando se utilizabind(this), el contexto dethisse establece en la instancia actual de la clase, lo que debería permitir quethis.ShowNewJobPopup()funcione. Sin embargo, parece que este no es el caso en esta instancia específica.Una posible explicación podría ser que el contexto de
thisestá siendo reemplazado por algún otro código en otro lugar, o que el componentedxButtonestá modificando el contexto de alguna manera que está causando el problema.Una solución potencial podría ser almacenar una referencia a la instancia actual de la clase en una variable fuera de la función
onClick, y luego usar esa variable dentro de la función en lugar dethis. Por ejemplo:Al almacenar una referencia a
thisen la variableself, podemos asegurarnos de que siempre estaremos haciendo referencia a la instancia correcta de la clase, independientemente del contexto dentro del cual se llame a la funciónonClick.