web:ts:exercices

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
web:ts:exercices [2025/02/11 03:02] – créée jcheronweb:ts:exercices [2025/08/12 02:35] (Version actuelle) – modification externe 127.0.0.1
Ligne 111: Ligne 111:
  
 **Question :** Que se passe-t-il si on oublie d'initialiser ''name'' ou ''age'' dans le constructeur ? **Question :** Que se passe-t-il si on oublie d'initialiser ''name'' ou ''age'' dans le constructeur ?
 +
 +===== Réalisations =====
 +
 +==== Classe HttpService ====
 +<sxh ts;title:HttpService.ts>
 +export default class HttpService{
 +    static async get(url:string):Promise<any>{
 +        const response=await fetch(url);
 +        if(response.ok) {
 +            return await response.json();
 +        }else{
 +            console.log(`error on ${url}`);
 +        }
 +    }
 +}
 +</sxh>
 +==== Interface ====
 +<sxh ts;title:User.ts>
 +export default interface User{
 +    name: string;
 +    username?:string;
 +    email?: string;
 +};
 +
 +const createUser=(n:string,email:string):User=>{
 +    return {name:n,email};
 +};
 +export {createUser};
 +</sxh>
 +
 +==== Script de test ====
 +<sxh ts;title:testHttp.ts>
 +import HttpService from "./services/HttpService";
 +import User from "./interfaces/User";
 +
 +HttpService.get("https://jsonplaceholder.typicode.com/users").then((users:User[])=>{
 +    users.forEach(u=>console.log(u.name))
 +})
 +</sxh>
 +
  
  
  • web/ts/exercices.1739239327.txt.gz
  • Dernière modification : il y a 4 mois
  • (modification externe)