La classe typée readonly typée ne se heurte pas à la classe typographique régulière si la structure est la même

Question

Je sais que le typecript a un mécanisme de typage structurel. Je me attends cependant, que si vous avez une classe comme ceci:

et celui défini comme ceci:

class ReadonlyCountry { 
    readonly id: string; 
    readonly name: string;  
} 

que le système de frappe montrerait des collisions si vous retournez un objet avec le type ReadonlyCountry dans une fonction qui a comme type de retour Country. Il semble que ce ne soit pas le cas comme dans l'exemple typescript playground montré ci-dessous.

class Country { 
 
    id: string; 
 
    name: string; 
 
} 
 

 
class ReadonlyCountry { 
 
    readonly id: string; 
 
    readonly name: string;  
 
} 
 

 
function select(value: string): ReadonlyCountry[] { 
 
    let country = new Country(); 
 
    country.id = "1"; 
 
    country.name = "name"; 
 
    return [country]; 
 
} 
 

 
function select2(value: string): Country[] { 
 
    // the type of the return here will be ReadonlyCountry[] 
 
    // the type of the function return here is Country[] 
 
    // why doesn't this collide? 
 
    return select(value); 
 
}

Donc ma question est, comment puis-je faire en sorte qu'un type qui a des propriétés en lecture seule et un type qui ne possède pas les types readOnly et qui sont structurellement les mêmes, les erreurs de type show quand il est mélangé? Ai-je manqué quelque chose de stupide ici et est-ce juste le typage structurel qui provoque cela?

Toute aide serait appréciée.

Answer 1

Oui, c'est un typage structurel qui cause vos problèmes. Je pense que vous devriez reconsidérer la structure de vos classes et essayer d'éviter celles avec une structure identique qui doit être traitée différemment.

En note. Au lieu de créer les versions en lecture seule des mêmes classes (duplication ainsi votre code et introduire des problèmes de maintenance) pourquoi ne pas utiliser les types cartographiés (see here), et plus précisément Readonly un déjà prédéfini pour vous:

function select(value: string): Readonly<Country>[] 

Hope this aide.