[Post rápido]Novidades do TypeScript

É isso mesmo pessoal, a alguns dias saiu uma nova versão do TypeScript, e como em algumas das versões anteriores, eu não podia deixar de escrever algo rápido sobre 🙂

Eu irei dividir esse post em algumas partes para tentar explicar cada uma das novidades dessa nova versão, nesse primeira eu irei abordar: Optional Chaining e Nullish Coalescing.

O primeiro passo será verificar a sua versão. Para isso, abra um terminal no seu computador e execute o comando tsc–version. Abaixo você tem uma imagem demonstrando a minha versão.

Agora, caso você esteja com uma versão menor que a 3.7, execute o comando abaixo para atualizar a sua versão:

npm i -g typescript@latest

Com o ambiente atualizado, vamos as novidades 🙂

Optional Chaining

Essa funcionalidade nos permite validar se uma expressão tem um valor null ou undefined, sem a necessidade de utilização de um if. Para ficar mais claro, vamos a dois exemplos práticos:

Imagine que você tem o retorno de uma API e precisa validar ele antes de passar esse valor para uma variável.

A forma mais simples seria utilizando um operador ternário como no exemplo abaixo:

let t = (video === null || video === undefined) ? 
undefined :video.media.thumb();

Agora com essa nova funcionalidade nós podemos passar o operador ? para validar esse valor antes de passar ele para variável t:

let t = video?.media.thumb();

Bem mais elegante né?

Nullish Coalescing

Essa funcionalidade utiliza o operador ?? para validar uma expressão, caso o valor da esquerda seja null, ele retorna o valor default, caso não, ele retorna o valor que está sendo validado.

Em cenários como esse também é muito comum a utilização de um ternário:

let numbers = null;
let code = (numbers !== null && numbers !== undefined) ? 
numbers : 10;
console.log(code);

Agora nessa nova versão nós podemos utilizar o operador ?? para validar a nossa expressão e em caso de um valor null ou undefined, ele ira pegar o valor default. Esse operador pode substituir a utilização dos ||.

let numbers = null;
let code= numbers ?? 10;
console.log(code);

Bom, a ideia desse post era ser algo rápido demonstrando duas das novidades dessa nova versão do TS.

Espero que tenham gostado e até o próximo post pessoal 😉

Confira a publicação original em: https://medium.com/xp-inc/post-r%C3%A1pido-novidades-do-typescript-98970a46d591

Gostou dessa publicação? Comente abaixo!

Deixe um comentário