Objetivos
Sintaxe básica
Diferente da linguagens como C, C++ e outras, TypeScript não possui um função main
como ponto de entrada. Por seu uma linguagem de script, cada declaração de código
feita pode ser executada imediatamente.
Como demonstrar o que foi dito acima, vamos utilizar o famoso exemplo Hello World
utilizado para aprender várias linguagens:
Exemplo 1
let msg: string = 'Olá, mundo!';
console.log(msg);
Saída
Olá mundo!
Como TypeScript é uma linguagem script interpretada, uma ferramenta como um navegador
Web irá realizar o processo de interpretação e execução.
A execução de declarações em TS é feita de forma linear. Uma vez que uma função,
expressão ou objeto são declarados o uso pode ser feito posteriormente.
Exemplo 2
//declaração da função
function funcao(){
//omitido
}
//uso da funcao
funcao()
A compilação é feita utilizando o compilador por linha de comando como mostrado
no exemplo abaixo que irá gerar um arquivo app.js. Visite a seção
Introdução para ver as ferramentas Desktop que possuem
recursos para instalação do ambiente TS local.
tsc app.ts
A integração com HTML é feita utilizando a tag <script> como pode ser visto no
exemplo básico. A linguagem HTML não será abordada neste tutorial.
Exemplo 3
<!DOCTYPE html>
<html>
<head>
<title>TypeScript</title>
</head>
<body>
<script src="app.js"></script>
</body>
</html>
Como visto no primeiro exemplo acima, as declarações de linha de código em TypeScript
não precisam obrigatoriamente ser terminadas com o uso de (;).
Exemplo 4
let msg1: string = 'Hello, World'
let msg2: string = 'Hello, World';
O comando let é utilizando para declaração de variáveis. Strings em TS podem
ser declaradas utilizando (""), ('') ou (``). A tipagem é feita logo após o nome
da variável.
Comentários : linha e bloco
O uso de comentários na linguagem TypeScript é feita com o uso de // e /**/ que
definem comentários de linha ou bloco de linhas respectivamente.
Exemplo 5
// comentário de uma linha
/*
cometário em bloco
*/
Os caracteres { e } significam respectivamente o início e fim de um bloco de
declarações escritas na linguagem TypeScript.
Exemplo 6
if (a == true){
//suas declarações aqui
}
Classes, enumeradores, comandos e outros utilizam { e } para delimitar as declarações
contidas em seus blocos de código.
TS é bem flexível em relação a indentação do uso de {}. Abaixo alguns exemplos de indetenção:
Exemplo 7
function funcao()
{
//corpo
}
function funcao2(){
//corpo
}
function funcao3() { return 1; }
O uso de (;) no fim das declarações não é obrigatório exceto quando uma ou mais declarações
são feitas em uma linha.
Exemplo 8
let a = 10 ; console.log(a) ; a++; console.log(a)
A quebra de linha também possui flexibilidade. Podemos, por exemplo, quebrar os argumentos de
uma função em várias linhas:
Exemplo 9
function funcao(parametro1,
parametro2
parametro3
parametro4
parametro4): any {
//corpo
}
TS tem suporte nativo a namespace, nome de espaço, visto em outras linguagens como C# e C++.
Com namespace podemos agrupar
funções,
classes,
interfaces e outros recursos relacionados
em um local ou container lógico.
Exemplo 10
var objeto = {};
objeto.Metodos = {
metodo1: function() {
console.log("metodo1")
},
metodo2: function() {
console.log("metodo2")
}
};
objeto.Metodos.metodo1()
objeto.Metodos.metodo2()
Por padrão, scripts escritos em linguagem TypeScript utilizam seus arquivos
terminados com extensão .ts. Esses podem também conter outras partes
de código para reuso.
Exemplo 7
app.ts
Outras extensões utilizadas no desenvolvimento de aplicações TS não serão abordadas,
pois são específicos de ferramentas e/ou frameworks para seus usos.
Histórico de atualizações
- 26/12/2025 - revisão 3 - Adição: namespace e indentação
- 27/08/2025 - revisão 2 - Ajustes pontuais, target de links
- 13/09/2024 - revisão 1 - Pequenos ajustes gramaticais e melhorias
- 27/02/2024 - versão inicial
Os cursos oferecidos nesta página são cursos fornecidos por parceiros. Ao comprar um curso clicando
em seu banner, você está ajudando a manter o projeto TutorialDev vivo. Os sites dos cursos parceiros utilizam cookies.