Classes, this types (tipos "this")

Dentro de las clases, un tipo especial llamado this hace referencia de forma dinámica a la clase que lo utiliza.

class Caja {
    contenido = "";
    set(valor: string) {
        this.contenido = valor;
        return this;
    }
}

const miCaja: Caja = new Caja();
const valorRetornado = miCaja.set("Joyas");
// const valorRetornado: Caja

El tipo de valorRetornado es inferido por TypeScript a partir de la referencia this que retorna la función set.

También es posible utilizar this como anotación dentro de los parámetros.

class Caja {
    contenido = "";

    constructor(contenido: string) {
        this.contenido = contenido;
    }

    igualQue(otro: this) {
        return otro.contenido === this.contenido;
    }
}

const caja1 = new Caja("joyas");
const caja2 = new Caja("joyas");
const caja3 = new Caja("maquillaje");

console.log(caja1.igualQue(caja2));
console.log(caja1.igualQue(caja3));

Salida…

true
false

Esto es diferente de escribir otro: Caja si se tiene una clase derivada, entonces igualQue solo aceptara instancias derivadas de la misma clase.

class Caja {
    contenido = "";

    igualQue(otro: this) {
        return this.contenido === otraInstancia.contenido;
    }
}

class CajaDerivada extends Caja {
    otroContenido = "";
}

const base = new Caja();
const derivada = new CajaDerivada();
derivada.igualQue(base); // <- base no extiende de derivada, esto generará un error
// Argument of type 'Caja' is not assignable to parameter of type 'CajaDerivada'.

Classes, this types (tipos "this")

VPN

Moda

Accesorios