TypeScript

Olá Pessoal,

    
  Já expliquei em outro post o que significa transpilar e o porque esta é uma técnica interessantíssima quando estamos trabalhando com JavaScript, e para quem vai trabalhar com o framework Angular 2, recomendo e muito a utilização do TypeScript nesse sentido.
  TypeScript  nada mais é do que um superset da linguagem JavaScript, basicamente é uma linguagem que fornece a tipagem que falta no JS, além é claro de uma série de outras vantagens. E falando um pouco sobre a minha experiencia nesse campo, confesso que no começo dos meus estudos fiquei me perguntando o porque escrever em uma linguagem que depois de compilada vira JS, parece meio estranho de primeira vista não é não? Fato que passado alguns meses logo se justificou, dado as vantagens em tempo de compilação que você tem de cara, e se você utilizar um Editor ou IDE que suporta TypeScript em poucas horas você vai ver entender o porque programadores C# e Java se dão tão bem com essa linguagem, afinal existe uma semelhança muito grande.
   A linguagem é Open-Source e foi criada pela Microsoft, possui um site excelente e cheio de recursos para quem se interessar em aprender, logo abaixo:
Site Oficial:  www.typescriptlang.org

     Pra quem trabalha com JavaScript, sabe que pelo menos no ES5, versão mais utilizada atualmente e suportada pelos browsers, não possui suporte a classes e interfaces, logo o que vemos na verdade são técnicas que alguns programadores JavaScript utilizam para representam essas estruturas, o que funciona, mas causa bastante estranhismo principalmente de quem vem de uma linguagem orientada a objetos na qual temos as palavras reservadas class, interface, enum e etc, por exemplo, Java e C#. Dito isso então de cara então temos as principais vantagens:

  • TypeScript é Baseada no ES6;
  • Tipagem Estática Opcional;
  • Possui suporte a O.O;
  • Encapsulamento de Código por meio de Classes e Interfaces;
  • Já existem basantes arquivos de tipos definidos em TypeScript;
  • Suporte a Enum.

    Indo para a prática, vejamos o exemplo abaixo, nele estamos criando uma classe chamada Car, que possui um construtor e um método, perceba que não chega a ser nem de perto dificil de entender por um programador Java ou C#, esse código após compilado gerará o código visto a direita, ou seja, um código JavaScript.

Do lado esquerdo o código TypeScript e do lado direito o código gerado em JavaScript

   Irei trazer mais exemplos práticos no futuro, espero que gostem!

Abrcs.
Natanael Fonseca

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s