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