TypeScript’e Genel Bakış

Merhaba,

TypeScript; nesneye dayalı bir şekilde kod yazıp JavaScript çıktısı üretmek için Microsoft tarafından tasarlanıp piyasaya sürülmüş olan açık kaynak kodlu bir frameworktür. Yani farklı bir kod yazıp bu yazdığımızı JavaScript’e çeviren bir dildir diyebiliriz.

Aslında TypeScript; yapısı ve var oluşu sebebiyle programcıların okunaklı, hatırlanabilir, kolay anlaşılabilir ve şöyle uzaktan bakıldığında düzgün görünümlü bir kod üretmek için ilgili dilin gramersel(syntax) kuralları dışında özel kod biçimleri oluşturması ve kullanması durumuna karşılık gelen “syntactic sugar” terimine birebir uymaktadır.

En nihayetinde belirli bir ölçüden sonra okunabilirlik, anlaşabilirlik ve düzgün görünümlülük özellikleri düşen JavaScript diline TypeScript ile “syntactic sugar” uygulamış oluyoruz ve biz TypeScript ile anlaşılır kod yazdıkça, süreç bize JavaScript veriyor 🙂

Şimdi gelin hep beraber TypeScript ile genel manada nasıl çalışacağız inceleyelim.

Değişken Tanımlama

TypeScript ile değişken tanımlamayı aşağıdaki prototipte gerçekleştirmekteyiz.

[Değişken Adı]: [Değişken Tipi];

Aşağıdaki örnekleri inceleyiniz.

class MyClass {
  Degisken1: number;
  Degisken2: string;
  Degisken3: Date;
  Degisken4: boolean;
}

Görüldüğü üzere değişkenler C# ya da Java’da alışılagelmiş bir şekilde tanımlanmamaktadırlar. Önce referans noktası oluşturulup ardından tip belirtilmektedir.

Sınıf Tanımlama

C# ya da Java’da ki gibi class keywordüyle sınıf tanımlanmaktadır.

class MyClass {

}

Metot Tanımlama

Metot tanımlamanın prototipi aşağıdaki gibidir.

    [Metot Adı]() {
     [İşlemler]
    }

Şimdi aşağıdaki kod bloğunu inceleyiniz.

    Metod() {
        return "Merhaba dünya";
    }
    Metod2(x: string, y: boolean) {

    }

Sınıf Import Etme

Bir sınıfa erişmek istiyorsanız aşağıdaki prototipte olduğu gibi ilgili sınıfı o anki sayfaya import edebilirsiniz.

import { [Sınıf Adı] } from [Dizin];

Bir sınıfı farklı bir sınıf dosyasına import edebilmemiz için ithal edilecek sınıf export keywordüyle işaretlenmiş olması gerekmektedir.
Şimdi gelin bunu aşağıdaki gibi bir örnekle icra edelim.
Öncelikle “a.ts” dosyasındaki “AClass” sınıfımızı tanımlayalım.

export class AClass {
    aDegisken: string;
    constructor() {
        this.aDegisken = "aDeğişken değer.";
    }
}

Ardından “b.ts” dosyasındaki “BClass” sınıfımızda “a.ts” dosyasındaki “AClass” sınıfını kullanabilmek için import edelim.

import { AClass } from "./a";
class BClass {
    constructor() {
        let _aclass: AClass = new AClass();    
    }
}

Burada “AClass” sınıfımızı aşağıdaki gibi farklı bir export varyasyonuyla dışa karşı ulaşılabilir yapabiliriz.

class AClass {
    aDegisken: string;
    constructor() {
        this.aDegisken = "aDeğişken değer.";
    }
}
export { AClass }

let Keywordü

Bir değişkenin kapsamını belirten komuttur. Aşağıdaki kod bloğunu ele alırsak eğer ;

for (let i = 0; i < 10; i++) {
    //...
}

“let” komutuyla oluşturulan i değişkeninin kapsamını for döngüsünden ibaret olacak şekilde ayarlamış oluyoruz.

TypeScript hakkında genel açıdan ele aldığımız konulardaki bilgiler bizlere Angular 4 makalelerinde teknik düzey olarak yeterlilik sağlayacaktır.

O halde Angular 4 makalelerinde görüşmek üzere…

Sonraki yazılarımda görüşmek üzere…
İyi çalışmalar…

Bunlar da hoşunuza gidebilir...

3 Cevaplar

  1. Mustafa Öztürk dedi ki:

    Değerli bilgileriniz için teşekkürler. Daha önceden hybrid projelerimde Typescript kullanmıştım. Ancak “syntactic sugar” terimi beni şaşırttı ve yeni bir bilgi kazandırdı. İlgiyle takip ediyorum, başarılar

  1. 30 Mart 2018

    […] TypeScript’e Genel Bakış […]

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Copy Protected by Chetan's WP-Copyprotect.