Tag Archives: Const

TS – Types

Web App Saga

TS, porque temos um JS fortemente tipado.

Uma das funcionalidades do TS é permitir a criação de variáveis com tipos definidos, assim como é feito no C#.

Tipos primitivos disponíveis

Temos 3 tipos primitivos que podemos associar a nossa variável. As variáveis são criadas através da palavra reservada var, e o tipo é informado assim:

var NOME_VARIAVEL : TIPO = VALOR

boolean: assume os valores true/false.

let shipped: boolean = false;

number: assume qualquer número, como inteiro ou ponto flutuante.

let price: number = 4,00;

string: tipo texto, atribuído com aspas simples ou duplas.

let customerName: string = "Aldo";

date

let OrderDate: Date = new Date(2018,4,8);

any

let something: any = "Can be anything";

enum

enum Color {Red, Green, Blue};

null

let orderid: number = null;

array

let cards: string[] = {'Visa','Mastercard'};

tuple

let stateTaxRates: {string, number};

void

function log(msg: string):void {
    console.log(msg);
}

const

const lives: number = 4;

Next stop TS. Disambarke on the left.

 

I Love ES 6 – News Features – Const

Chega de teoria! #2 – Const

Vamos conhecer agora as novas features do ES6 projetadas para nos ajudar no desenvolvimento de nossos aplicativos. Vamos lá:

Hoje o ES6 apresenta o segundo recurso, a Declaração de variáveis const. Este carinha trabalha de forma semelhante ao let.

Const VS Let, o que os diferem são as variáveis criadas que NÃO podem ser reatribuídas.

Index.js

Exemplo simples

let a = 4
a = 2	

const b = 4
b = 2

es6_const_uncaught

O let funciona, mas o const retorna o Uncaught SyntaxError “b” is read-only.

Variavel Imutável

Muitos pensam que o const “deixa a variável imutável”, assim como algumas libs como ImmutableJS. Isso não procede. Podemos por exemplo, alterar as propriedades de um objeto:

const object = {
  property: 4
}
	
object.property = 2

console.log(object.property)

Aqui retorna 2. Ou seja, alteramos o valor da propriedade.

Um pouco mais

Muitos devs preferem declarar todas as suas variáveis com const e quando a variável precisar ser reatribuída, e apenas nesse caso, recorra ao let. Nunca utilize o var.

Não esqueça! Para entender os benefícios desta nova maneira de declarar variáveis com let/const, é preciso entender o conceito de hoisting.

Então é isso treine bastante, e fiquei familiarizado com estes novos recursos.

Ok! Sobre as FEATURES do ES6 é tudo o que eu tenho a dizer.