IMPORTANTE - Está perdido com o Typescript? Da uma lida que vai te ajudar

Aqui estão as minhas notas da playlist de TS para te ajudar

O TS oferece ‘tipagem’ ao JS, portanto é o JS comum, mas agora você tem que definir mais coisas para que o código possa funcionar.
Isso deixa o código mais inteligente e previsível.

Pode jogar direto em um arquivo .ts que funciona perfeitamente.

Qualquer dúvida é só falar

// Number
const soma = (num: number, num2: number) => {
return num + num2
}
soma(5, 7)

// String
const nomeCompleto = (firstName: string, lastName: string) => {
const even = firstName + ’ ’ + lastName
return even
}
nomeCompleto(‘Júlio’, ‘Henrique’)

// Boolean
const isAcepted = true
const plzAceptMe = (aceptance: boolean) => {
if (aceptance) {
return You got acepted to the guild
} else {
return You got rejected from the guild
}
}
plzAceptMe(isAcepted)

// Arrays => Nesse caso é de tamanho infinito
const nekoNeko: string[] = [
‘Rin’,
‘Happy’,
‘Karyl’
]
function showNeko(nekoNeko: string[]) {
return Os gatos são ${nekoNeko.join(', ')}
}
console.log(showNeko(nekoNeko))

// Tuplas => um Array com tamanho finito
const almirantes: [string, string, string] = [
‘Fujitora’,
‘Akainu’,
‘Kizaru’
]

const naruto: [string, number] = [
‘Ninja’, 5
]

const luffy: [string, number] = [
‘Pirata’, 9
]

const zoro: [string, number] = [
‘Espadachim’, 1
]

const coolGames: [boolean, string, number] = [
true, ‘AC Origins’, 90
]

/* Enum
Cria um objecto e adiciona uma númeração automática para eles.
*/
enum Permissoes {
admin,
editor,
comum
}
const usuario = {
nivel: Permissoes.admin
}

/* void = quando a função retorna undefined
never = Quando a função nunca retorna.
Ex laços de repetição infinitosquando || funções que disparam erros */
const checkHehe = (): void => {
console.log(‘checkado’)
}

const noReturn = (): never => {
throw new Error(‘EROOOOUUU’)
}
const plzReturn = noReturn()

// Type

type User = {
name: string
lastName: string
birthday: string
age: number
}

const julio: User = {
name: ‘Júlio’,
lastName: ‘Henrique’,
birthday: ‘23’,
age: 202
}

/* Union types
O | é igual o || no JS */
type LogLevel = ‘info’ | ‘error’ | ‘debug’
const showMessage = (message: string, level: LogLevel) => {
console.log([${level}] - ${message})
}
showMessage(‘EROOOUUU’, ‘error’)
showMessage(‘EROOOUUU’, ‘questionMark’)

// Intersection types: &
type About = {
bio: string
interests: string[]
}
type Profile = About & User

const userAndProfile: Profile = {
name: ‘Julio’,
lastName: ‘Henrique’,
birthday: ‘18’,
age: 90,
bio: ‘Ser o melhor espadachim!’,
interests: [‘animes’, ‘garotos de animes’, ‘garotas de animes’, ‘musicas de animes’]
}

12 Likes

Obrigada :slight_smile:

1 Like

Obrigado pela explicação…

Até logo e bons estudos!! :computer: