[SOLUCIONADO] Problema en clase

[TrinityCore]

Buenas gente, espero esten bien.

Veran, resulta que estoy desarrollando una clase en JS pero me da problemas al reconocer sus propiedades o el propio this

Esto solo pasa cuando utilizo funciones externas, en este caso el conocido $.ajax({ ... });

Aqui dejare mi clase:

Código Javascript:

class MY_CLASS{
 
    constructor(){
        this.ListOfImages = {LIST: [], CURRENT: 0};
 
        return this;
    }
 
    GET_IMAGES(){
        $.ajax({
            url: "images.controller.php",
            success: this.success,
            error: this.error
        });
    }
 
    success(data){
        // SI FUNCIONA //
        images.ListOfImages.LIST = JSON.parse(data);
        console.log(images.ListOfImages.LIST);
        // NO FUNCIONA //
        this.ListOfImages.LIST = JSON.parse(data);
        console.log(this.ListOfImages.LIST);
    }
 
    error(){
        console.log("URL FAILED!");
    }
 
}
 

Bueno, basicamente me gustaria saber porque no me reconoce sus propiedades cuando llamo a un metodo de clase en el ajax, es como si dentro de ese metodo de clase no fuera de la clase... porque no reconoce absolutamente nada..

Cabe mencionar por si las dudas, que la instancia de la clase es el objeto images utilizado dentro del metodo success(){ ... }

Espero puedan darme una mano para saber como llegar al metodo success(){ ... } sin tener estos problemas.

desde ya muchas gracias!!

[ArturoGallegos]

efectivamente al invocar this ya no estas invocandolo de la clase

Prueba con

Código Javascript:

GET_IMAGES(){
let this_ = this;
        $.ajax({
            url: "images.controller.php",
            success: this_.success,
            error: this_.error
        });
    }
 

[TrinityCore]

Iniciado por ArturoGallegos

Efectivamente sirve, tanto como usar

Código:

self = this

La pregunta es ¿como seguir usando this? o.. ¿por que funciona this al pasarlo en una variable pero no al usarlo directamente?

puedo seguir el script usando this_ o self, pero quiero saber porque sucede esto y si mas alla de estas dos alternativas, podemos volver a retomar el control de this

[ArturoGallegos]

Esto sucede porque la funcion que estas invocando tiene su propio this que sobreescribe al que tenias antes, por lo que se pierde la informacion del elemento padre por llamarle de una forma.

Claro que esto solo afecta a esa función y su contenido, todo lo que trabajes fuera de esta sigue estando vinculado al this de tu clase principal o contenedor.

No hay forma de utilizar el this del padre directamente en el hijo, ya que son objetos separados., lo que tienes que hacer es referenciarlos en una variable que no entre en conflicto.

[TrinityCore]

Iniciado por ArturoGallegos

Bueno, muchas gracias por todo, ha sido de mucha ayuda!!