Discussion :

[grunk]

Bonjour,

je découvre typescript en essayant de convertir un code js pur.

J'ai donc une classe qui reçoit en entrée une chaine json. Pour le typage de cette chaine j'ai utilisé une interface :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
interface jsonResponse {
    status: number;
    date: string;
    content: string;
}
 
class Response {
    private response: jsonResponse;
 
    constructor(rep: jsonResponse) {
        this.response = rep;
    }
 
    public getStatus(){
        return this.response.status;
    }
}

Est ce là bonne facon de faire ?

Comment procéder dans le cas ou l'objet JSON n'est jamais structuré de la même façon ?

merci

[yahiko]

Tout d'abord, coder en TypeScript ne t'oblige pas à faire de l'orienté objet.
La seule véritable contrainte de TypeScript étant au niveau du typage qui doit être consistant.

Sur ton exemple, si tu veux faire de la POO et charger ton JSON dans un objet, l'interface est tout à fait appropriée.
Je ne suis pas sûr par contre de l'utilité de ta classe Response, mais c'est une manière de faire, sachant que tes choix ici dépendent plus de ton choix de modélisation que du langage TypeScript en lui-même.

Si tu ne connais pas à l'avance la structure du fichier JSON, tu peux utiliser avec précaution l'instruction eval, ou parser ton JSON via jQuery ou d'autres libs sachant que cette problématique n'est pas spécifique à TypeScript, mais également à JavaScript (garde bien à l'esprit que TypeScript est un surensemble de JavaScript).

[grunk]

Merci de ta réponse.

En fait ma problmatique se situe au niveau du type à donner à l'argument repDans ce cas ça fonctionne car mon objet json est toujours le même.

En revanche dans le cas où il serait différent à chaque appel , quel type donner ?

N'y a t'il pas un type d'objet générique qui me permettrait de faire quelque chose comme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
constructor(rep: T) {
        this.response = rep;
}
public getTruc(){
        return this.response.unattributinconnu;
}

En tout cas associé à VS2013 le typescript rendrait presque le javascript cool à utiliser

[yahiko]

Il existe les types génériques en TypeScript via les chevrons <...>.

Pour ton exemple, ça pourrait s'écrire ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
interface baseResponse {
	status: number;
}
 
interface jsonResponse1 extends baseResponse {
    date: string;
    content: string;
}
 
interface jsonResponse2 extends baseResponse {
	name: string;
	value: number;
}
 
class Response<T extends baseResponse> {
    private response: T;
 
    constructor(rep: T) {
        this.response = rep;
    }
 
    public getStatus(){
        return this.response.status;
    }
}