Monday, May 25, 2020

TypeScript - primeiros passos


    Ferramenta criada pela Microsoft, porém é opensource. As ferramentas necessárias são: node, visual studio code.







Console:


Erros, lançando exceções:





Não podemos permitir isso, ou seja, que atributos sejam alterados em uma classe:





Configurando o compilador do TypeScript (em Angular não precisa):
Entrar na pasta do projeto:



renomear a pasta js para ts (de typescript) e o arquivo app.js para app.ts:





Renomear também a classe Negociacao.js para Negociacao.ts. Criar o arquivo tsconfig.json.
O arquivo fica assim:


Alterar o arquivo package.json:


Ao compilarmos teremos muitos erros:



Para consertarmos, precisamos alterar a classe Negociacao e ao compilarmos novamente com o comando npm run compile não teremos mais erros. App.ts será convertido para app.js:




Veja como o código em TypeScript é convertido para Javascript para que seja entendido pelo navegador:


Colocando o atributo como private (somente em Typescript é possível):


Com isso, no nosso código :


Mesmo se compilarmos e apresentar erro ainda veremos no console o valor 3. E não é isso que queremos:


A linha 5 informa que enquanto houver erro no arquivo TypeScript não irá gerar o arquivo em Javascript.

Automatizar o processo de compilação:


Executar o comando npm start :











No comments:

Post a Comment