Introdução a classes usando Typescript

Olá, seja muito bem vindo(a), no artigo anterior nós iniciamos um projeto usando typescript, você pode dar uma olhada por esse link: https://programacao-descomplicada.blogspot.com/2023/01/expandindo-o-poder-do-javascript-com-o.html. Hoje nós vamos desenvolver uma classe usando o typescript.

Primeiramente, dentro da pasta src, vamos criar um arquivo chamado class.ts. Agora criaremos a classe

class Pessoa {
 nome: ;
 idade: ;
}

No typescript vamos precisar especificar os dados que queremos, por exemplo em nome teríamos que colocar que ele é do tipo string, isso evita escrevermos um número no lugar.

class Pessoa {
 nome: string;
 idade: number;
}

Agora vamos criar uma pessoa usando essa classe e testar se está tudo certo com ela. Após isso vamos colocar um nome e idade. Tente colocar a idade como string, não vai funcionar graças ao tipo colocado na classe.

let p1 = new Pessoa()

p1.nome = "Beto"
p1.idade = 19

Podemos ainda criar um construtor dentro da classe para podermos instanciar os dados diretamente na linha de chamada da classe, da seguinte forma:

class Pessoa {
 constructor (n: string, i: number) {
this.nome = n;
this.idade = i;
 }
 nome: string;
 idade: number;
}

let p1 = new Pessoa("Beto", 19)

Com isso temos nossa primeira classe usando typescript, lembrando do nosso artigo anterior, para criarmos o arquivo js na pasta build basta digitar no terminal o comando npm run build e ver a mágica acontecer. Existem meios de deixar essa tradução ts/js automática, mas não será importante agora, vamos apenas conhecer o ts de forma básica. Deixo um abraço e te vejo no próximo artigo.

Blog: https://programacao-descomplicada.blogspot.com/2023/01/introducao-classes-usando-typescript.html