TypeScript - Significado e Funcionalidade

O que é  TypeScript?

O TypeScript é um superset, ou superconjunto, da linguagem JavaScript. 

Foi criado em 2012, por Anders Hejlsberg (o mesmo criador do compilador Turbo Pascal e das linguagens Delphi e C# ). 

O TypeScript é mantido pela Microsoft e possui o próprio Anders como o líder do projeto.

O TypeScript é uma linguagem criada em cima do JS e permite que adicionemos tipagem de dados em nossas variáveis, além de nos oferecer recursos avançados, como a Orientação a Objetos e padrões de projeto.

Mas algo importante que precisamos saber é que o TypeScript não veio substituir o JavaScript. 

Na realidade, eles trabalham em conjunto. Além disso, os navegadores não conseguem ler arquivos .ts. 

Por isso, o TypeScript é usado apenas no momento do desenvolvimento. No final usamos o seu compilador para transformar nosso código TypeScript em JavaScript.

Tipagem de dados:

O JavaScript é uma linguagem fracamente tipada. Isso não é ruim, apenas significa que não precisamos informar o tipo das variáveis no momento em que as criamos, e nos permite mudar o tipo delas se desejarmos.

Isso nos dá muita liberdade ao utilizar a linguagem JavaScript, além de facilitar seu aprendizado e que comecemos um novo projeto com ela.

Entretanto, quando utilizamos uma linguagem que não é fortemente tipada, pode ser que cometamos erros ao longo do desenvolvimento relacionados com os tipos das variáveis, e que não iremos notar, o que resultará em muita dor de cabeça até encontrar os Bugs.

Com o TypeScript, podemos definir os tipos para nossas variáveis. 

E caso cometamos algum erro, o próprio TypeScript irá nos alertar sobre isso. Assim, poderemos consertá-lo no desenvolvimento, garantindo que o nosso código chegará na produção realmente funcionando.

Acesso a recursos avançados:

A partir de 2015, o JavaScript tem recebido a adição de recursos incríveis, como alguns conceitos da Orientação a Objetos. 

Entretanto, pode ser que ainda sintamos a falta de alguns recursos muito úteis, como interfaces, ou uma maior quantidade de modificadores de acesso em propriedades e métodos, o que nos permitiria aplicar por completo o conceito de encapsulamento.

O TypeScript nos permite adicionar esses conceitos, Veja por exemplo o código abaixo:

interface Animal {

  nome: string;

  idade: number;

  fazerBarulho: () => void;

}



class Cachorro implements Animal {

  nome: string;

  idade: number;



  constructor(nome: string, idade: number) {

    this.nome = nome;

    this.idade = idade;

  }



  fazerBarulho() {

    console.log("Au au!");

  }

}

Esse código não funcionaria com JavaScript, mas usando o TypeScript nós podemos utilizá-lo. 

Isso nos abre portas para o uso de paradigmas de programação muito comuns em grandes projetos, como a própria Orientação a Objetos, como também a implementação de padrões de projeto no TypeScript.

Compilador TypeScript e retrocompatibilidade:

O Compilador TypeScript ou TypeScript Compiler, também conhecido como TSC, é responsável por transformar nosso código TypeScript avançado em uma sintaxe JavaScript que pode ser entendida até mesmo pelos navegadores mais antigos. 

Na realidade, por padrão, o TypeScript transforma nosso código em ECMAScript 3, que foi lançado em 1999 .

Claro que é possível mudar essa configuração. De qualquer forma, se você precisa criar sistemas que precisam funcionar em browsers mais antigos, o TypeScript é a solução.

Integração com o Visual Studio Code:

O Visual Studio Code é atualmente um dos editores de texto mais usados no mundo do desenvolvimento. 

Ele também é da Microsoft e usa o TypeScript em sua estrutura. 

Isso significa que nós já sentimos os efeitos do TypeScript em nosso trabalho, mesmo que ainda não o utilizemos em nosso código.

Um dos recursos mais interessantes desse editor de texto é o IntelliSense, que nos faz sugestões de comandos que podemos usar em nosso código, além de realizar o autocompletar. 

Como essa tecnologia usa TypeScript e como o TypeScript nos obriga a definir os tipos em nossas variáveis, o IntelliSense irá funcionar ainda melhor conosco. 

O JavaScript já é uma linguagem incrível. Mas com o uso do TypeScript ela pode se tornar ainda mais fenomenal. 

Podemos dizer que o TypeScript como que dá “superpoderes” para o JavaScript, e aumenta o horizonte de possibilidades do uso desta linguagem.

Exemplo de "Hello, World!" em TypeScript:

let message: string = "Hello, World!";
console.log(message);

Se gostou do conteúdo, considere pagar-me um café:

Pague-me um Café

Curso de HTML Que eu recomendo:

Curso de HTML

Curso de criação de sites profissionais:

Aprenda Criar Sites Profissionais

Curso  de HTML,  CSS e JavaScript:

Curso HTML, CSS e JavaScript

Canal no Youtube:

YouTube.com/ProgramarTudo