0% acharam este documento útil (0 voto)

23 visualizações

Type Script

TypeScript é uma linguagem de programação que adiciona tipagem estática e outras funcionalidades à JavaScript. Ele instala-se via npm e configura-se com um arquivo tsconfig.json. TypeScript suporta tipos primitivos, objetos, interfaces, decisões, repetições e manipulação de arrays. O VSCode fornece recursos para desenvolvimento com TypeScript.

Enviado por

Leo

Direitos autorais

Formatos disponíveis

Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

23 visualizações

Type Script

Enviado por

Leo

Direitos autorais

Formatos disponíveis

Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 6

===================================================

## Introdução ao TypeScript ##

===================================================

## Install

===================================================

npm i -g typescript

npm init --y

npm i -D typescript

npm i -D ts-node-dev

npx tsc --init

touch app.ts {

const soma = (a: number, b: number) => {

console.log(a + b)

soma(2, 2)

soma(2, "somar")

npx tsc app.ts

node app.js

npx ts-node-dev app.ts

===================================================

## Fundamentos

===================================================
===================================================

# variaveis

===================================================

var a = 'a' // Escopo Global, inseguro

let b = 'b' // posso alterar ao longo do script

const c = 'c' // não posso alterar

# Tipo primitivos

let b: string = 'b'

let n: number = 2

let x: boolean = true

let m: string | number = 2

let v: any = 2

===================================================

# Objetos | interfaces

===================================================

interface Pessoa {

nome: string ,

idade: number,

profissao?: string // profissao: string | undefined

const pessoa: Pessoa = {

nome: "Leandro",

idade: 32

}
const outraPessoa: Pessoa = {

nome: "Paulo",

idade: 25,

profissao: "Desenvolvedor"

const arrayPessoa: Array<Pessoa> = [

pessoa,

outraPessoa

const arrayNum: number[] = [

1, 2, 3

const arrayString: Array<string> = [

"abc", 'a', '3'

===================================================

# Decisões e repetições

===================================================

const num: number = 15

if(num > 15) {

console.log("Num maior que 15")

} else {

console.log("Num menor que 15")

}
const num2: number = 15

if(num2 > 15) {

console.log("Num maior que 15")

} else if( num2 === 15) {

console.log("Num igual que 15")

} else {

console.log("Num menor que 15")

const typeUser = {

admin: "Seja bem vindo admin",

student: "Seja bem vindo estudante",

viewer: "Seja bem vindo visualizar"

function validadeUser(user: string) {

console.log(typeUser[user as keyof typeof typeUser])

const usuario = 'admin'

validadeUser(usuario)

validadeUser('student')

validadeUser('viewer')

===================================================

# Estrutura de Repetição

===================================================
// for

for(let i = 0; i < 5; i++) {

console.log(i)

let n = 0

while(n < 5){

console.log(n)

n++

===================================================

# Array

===================================================

const arrayNumero: Array<number> = [1, 2, 3, 4]

console.log(arrayNumero[0])

console.log(arrayNumero.length)

arrayNumero.push(5)

console.log(arrayNumero)

arrayNumero.pop()

console.log(arrayNumero)

const arrayString1: Array<string> = [ 'a', "abc", 'f']

console.log(arrayString1[0])

===================================================

# Manipular Array

===================================================

const arrayNumero: Array<number> = [1, 2, 3, 4]

console.log(arrayNumero[0])

console.log(arrayNumero.length)

arrayNumero.push(5)

console.log(arrayNumero)

arrayNumero.pop()

console.log(arrayNumero)

const arrayString1: Array<string> = [ 'a', "abc", 'f']

console.log(arrayString1[0])

const array: Array<number> = [1, 2, 3, 4, 5]

const findNumber = array.find(num => num === 3)

console.log(findNumber)

console.log(array.find(num => num === 5))

console.log(array.find(num => num > 2))

console.log(array.find(num => num > 5))

const array1: Array<number> = [1, 2, 4, 3]

array1.forEach(num => {

if(num > 2 && num % 2 === 0) {

console.log(num * 2)

})

const array2: Array<number> = [1, 2, 4, 3]

array2.map(num => console.log(num))

===================================================

## VSCode

===================================================

Type Script

Enviado por

Type Script

Enviado por

===================================================

npm init --y

npx tsc --init

const soma = (a: number, b: number) => {

npx tsc app.ts

npx ts-node-dev app.ts

var a = 'a' // Escopo Global, inseguro

let b = 'b' // posso alterar ao longo do script

const c = 'c' // não posso alterar

let b: string = 'b'

let x: boolean = true

let m: string | number = 2

profissao?: string // profissao: string | undefined

const pessoa: Pessoa = {

const arrayPessoa: Array<Pessoa> = [

const arrayNum: number[] = [

const arrayString: Array<string> = [

"abc", 'a', '3'

const num: number = 15

if(num > 15) {

console.log("Num maior que 15")

console.log("Num menor que 15")

if(num2 > 15) {

console.log("Num maior que 15")

} else if( num2 === 15) {

console.log("Num igual que 15")

console.log("Num menor que 15")

admin: "Seja bem vindo admin",

student: "Seja bem vindo estudante",

viewer: "Seja bem vindo visualizar"

function validadeUser(user: string) {

console.log(typeUser[user as keyof typeof typeUser])

const usuario = 'admin'

for(let i = 0; i < 5; i++) {

while(n < 5){

const arrayNumero: Array<number> = [1, 2, 3, 4]

const arrayString1: Array<string> = [ 'a', "abc", 'f']

const arrayNumero: Array<number> = [1, 2, 3, 4]

const arrayString1: Array<string> = [ 'a', "abc", 'f']

const array: Array<number> = [1, 2, 3, 4, 5]

const findNumber = array.find(num => num === 3)

console.log(array.find(num => num === 5))

console.log(array.find(num => num > 2))

console.log(array.find(num => num > 5))

const array1: Array<number> = [1, 2, 4, 3]

if(num > 2 && num % 2 === 0) {

const array2: Array<number> = [1, 2, 4, 3]

array2.map(num => console.log(num))

Developer: Reload Windows

Você também pode gostar