#typescript örnekleri

[caylakyazilimci]

typescript nedir? nasıl kullanılır ?

TypeScript, JavaScript'in tüm özelliklerini içerirken, statik tip tanımlamaları ekleyerek kodun daha okunabilir, anlaşılabilir ve güvenli olmasını sağlar. Derleme anında ve idenizde kullanırken hatalı tanımlamalarda hata gösterir. Öncesinde yanlış yapmanızı engeller.

///// örnek 1

interface someValue{

name: string;

id: number;

}

let someObj :someValue = {

name:"random",

id:12

}

console.log(someObj)

/// örnek 2

let awesomeName : string = "caylak"

awesomeName = "example"

awesomeName = awesomeName.toUpperCase()

console.log(awesomeName)

örnegin burada awesomeName = 20 dersek kod editörümüzde kırmızı uyarı cıkacak cunku benim beklediğim tür number değil string diyor. Yukarda tanımı öyle yaptık

//örnek 3

let amount: number = 20

amount = 12-1

// örnek 4

let isAwesome :boolean = true

isAwesome = false

// örnek 5

let tax: number | string = 10

tax = 10

tax = "$10"

burada tanımda hem number hem string yaptıgımızdan ikiside olabilir hata olmaz.

//örnek 6

let requestStatus : 'pending' | 'success' | 'error' = "pending"

requestStatus = "error" // bu hatasız

requestStatus = "deneme" // bu tanım yukarıda olmadıgından hata verir

//örnek 7

let notSure : any = 5

notSure = " başka değer gelebilir bilmiyorum "

notSure =false

yukarıdaki any örnegi yazarsak tür kontrolü yapmaz . hepside calısır

// örnek 8

const books = ["1923", "caylak", "yazılımcı"]

let foundBook: string | undefined ;

for( let book of books){

if(book ==='1926'){

foundBook = book

break

}

}

console.log(foundBook)

// örnek 9

let prices: number[] = [100,122,'eere'] buradaki eere tanımı yapamazsın

// örnek 10

let array: (string | boolean) [] = ['apple', true, 'orange',false] hatasız calısır

//örnek 11

let car :{brand: string, year:number} = {

brand: "fiat", year: 100

}

car.brand= "ford"

//örnek 12

function sayHi (name:string){

console.log(`hello ${name}`)

}

sayHi("Caylak")