TypeScript:
Exibindo saídas de depuração
How to: (Como Fazer:)
// Imprimir uma string simples
console.log('Olá, depuração!');
// Imprimir uma variável
let vida = 42;
console.log(vida);
// Imprimir vários valores de uma vez
let x = 2, y = 3;
console.log('Valores:', x, y);
// Imprimir objetos e arrays de maneira legível
let heroi = { nome: 'Zé Código', level: 7 };
console.log(heroi);
let sequencia = [1, 1, 2, 3, 5, 8, 13];
console.log(sequencia);
// Utilizando template literals para concatenar valores
console.log(`O herói ${heroi.nome} está no level ${heroi.level}`);Saída Exemplar:
Olá, depuração!
42
Valores: 2 3
{ nome: 'Zé Código', level: 7 }
[1, 1, 2, 3, 5, 8, 13]
O herói Zé Código está no level 7Deep Dive (Mergulho Profundo)
Desde os primórdios da programação, ler a saída dos programas era o principal modo de entender o que estava acontecendo na caixa preta do computador. Registrar (log) eventos no console segue sendo a ferramenta de depuração mais facilmente acessível e geralmente é a primeira coisa que um dev tenta.
Outras ferramentas de depuração, como breakpoints e inspetores de variáveis estão incluídos em IDEs modernos e são úteis para um controle mais fino, mas requerem configuração e têm uma curva de aprendizado.
No TypeScript, a função console.log é herdada do JavaScript e opera de maneira idêntica, imprimindo para o stdout ou para a tela do console de ferramentas de desenvolvedor. A beleza do console.log é sua simplicidade — não requer instalação de ferramentas extras ou configuração complicada.