Diferencia entre interfaces y clases en TypeScript

En este artículo, veremos cuál es la diferencia entre «interfaz» y «Clases» en TypeScript .

Interfaz: La interfaz es la estructura virtual que se utiliza para la verificación de tipos. En TypeScript usamos la palabra clave de interfaz para crear la nueva interfaz con identidad. Crea la estructura para el mismo tipo de datos. La interfaz es la estructura que define las propiedades y el método para el objeto con nombre y tipo.

Sintaxis:

interface New_Interface{ // This is interface Body }

Características:

• Tiene acoplamiento flojo.
• Admite herencia múltiple.

Ejemplo 1:

// Interface for Class
interface ForClass {
    readonly var1:string;               
}
  
let newclass: ForList = {var1:"Interface"};
console.log(newclass);

Producción:

{ var1: 'Interface' }

Ejemplo 2:

// Interface for Object with extends function 
interface ForObj {
    First: string
}
  
interface forNewObj extends ForObj {
    Second: number
}
  
let newArray: forNewObj = {
    First: "Interface for Object",
    Second: 2
};
  
console.log(newArray);

Producción:

{ First: 'Interface for Object', Second: 2 }

Clases: Son el esqueleto de los objetos con su uso implementamos objetos. En TypeScript, usamos la clase Keyword para crear el constructor del objeto. Puede tener propiedades, métodos y variables.

Sintaxis:

class geeks {
    // Class property and methods
    // are created here
}

Características:

• En las clases, admite la visibilidad de los miembros.
• Admite la anulación de miembros.
• es compatible con la herencia.

Ejemplo 1:

const Table_Object = {
                      
    // field of class
    Size : 32,
                   
    // Collection field 
    contents : ["Book","Pen"],
                   
    // Function 
    prtint : function() {
        console.log("hello Geeks")
    }
}
   
console.log(Table_Object);

Producción:

{ 
    Size: 32, 
    contents: [ 'Book', 'Pen' ], 
    prtint: [Function: prtint] 
}

Ejemplo 2:

class Geeks {      
    name : string ;
    articles: number ; 
    cp_problems: number;
  
    // Constructor of class
    constructor(name:string, articles: number, cp_problems: number) {
        this.name = name;
        this.articles = articles;
        this.cp_problems = cp_problems;
    }
                   
    // About object 
    About() : void {
        console.log("Name of Geeks: " + this.name );
        console.log("No. of articles by Geeks: "
            + this.articles);
        console.log("No. of cp problems sol by Geeks: "
            + this.cp_problems)
    }
}
var geek1 = new Geeks("Abhinav", 87, 560);
geek1.About();

Producción:

Name of Geeks: Abhinav
No. of articles by Geeks: 87
No. of cp problems sol by Geeks: 560

La diferencia entre la interfaz y las clases son las siguientes: