TypeScript - Temel Sözdizimi

Sözdizimi, program yazmak için bir dizi kural tanımlar. Her dil özelliği kendi sözdizimini tanımlar. Bir TypeScript programı şunlardan oluşur:

• Modules
• Functions
• Variables
• İfadeler ve İfadeler
• Comments

İlk TypeScript Kodunuz

Geleneksel "Merhaba Dünya" örneğiyle başlayalım -

var message:string = "Hello World" 
console.log(message)

Derleme sırasında aşağıdaki JavaScript kodunu oluşturacaktır.

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

• Satır 1, mesaj adıyla bir değişken bildirir. Değişkenler, bir programda değerleri depolamak için bir mekanizmadır.

• Satır 2, değişkenin değerini bilgi istemine yazdırır. Burada konsol, terminal penceresini ifade eder. İşlev günlüğü () ekrandaki metni görüntülemek için kullanılır.

TypeScript Programını Derleyin ve Çalıştırın

Visual Studio Code kullanarak bir TypeScript programının nasıl derlenip çalıştırılacağını görelim. Aşağıda verilen adımları izleyin -

Step 1- Dosyayı .ts uzantısıyla kaydedin. Dosyayı Test.ts olarak kaydedeceğiz. Kod düzenleyicisi, siz kodu kaydederken, varsa koddaki hataları işaretler.

Step 2- VS Code'un Keşfetme Bölmesinde Çalışma Dosyaları seçeneğinin altındaki TypeScript dosyasını sağ tıklayın. Komut İsteminde Aç seçeneğini seçin.

Step 3 - Dosyayı derlemek için terminal penceresinde aşağıdaki komutu kullanın.

tsc Test.ts

Step 4- Dosya Test.js'de derlenmiştir. Yazılan programı çalıştırmak için terminale aşağıdakileri yazın.

node Test.js

Derleyici Bayrakları

Derleyici bayrakları, derleme sırasında derleyicinin davranışını değiştirmenize olanak tanır. Her derleyici bayrağı, derleyicinin nasıl davranacağını değiştirmenize izin veren bir ayarı sunar.

Aşağıdaki tablo TSC derleyicisiyle ilişkili bazı yaygın bayrakları listeler. Tipik bir komut satırı kullanımı anahtarların bir kısmını veya tamamını kullanır.

S.No.	Derleyici işareti ve açıklaması
1.	--help Yardım kılavuzunu görüntüler
2.	--module Harici modülleri yükleyin
3.	--target Hedef ECMA sürümünü ayarlayın
4.	--declaration Ek bir .d.ts dosyası oluşturur
5.	--removeComments Tüm yorumları çıktı dosyasından kaldırır
6.	--out Birden çok dosyayı tek bir çıktı dosyasında derleyin
7.	--sourcemap Bir kaynak haritası (.map) dosyaları oluşturun
8.	--module noImplicitAny Derleyicinin herhangi bir türü çıkarmasına izin vermez
9.	--watch Dosya değişikliklerini izleyin ve bunları anında yeniden derleyin

Note - Aynı anda birden fazla dosya derlenebilir.

tsc file1.ts, file2.ts, file3.ts

TypeScript'teki tanımlayıcılar

Tanımlayıcılar, değişkenler, işlevler vb. Gibi bir programdaki öğelere verilen adlardır. Tanımlayıcılar için kurallar şunlardır:

• Tanımlayıcılar hem karakterleri hem de rakamları içerebilir. Bununla birlikte, tanımlayıcı bir rakamla başlayamaz.

• Tanımlayıcılar, alt çizgi (_) veya dolar işareti ($) dışında özel semboller içeremez.

• Tanımlayıcılar anahtar kelime olamaz.

• Benzersiz olmalılar.

• Tanımlayıcılar büyük / küçük harfe duyarlıdır.

• Tanımlayıcılar boşluk içeremez.

Aşağıdaki tablolar birkaç geçerli ve geçersiz tanımlayıcı örneğini listeler -

Geçerli tanımlayıcılar	Geçersiz tanımlayıcılar
İsim	Var
İsim	İsim
num1	İsim
$ sonuç	1 numara

TypeScript ─ Anahtar Kelimeler

Anahtar kelimelerin bir dil bağlamında özel bir anlamı vardır. Aşağıdaki tablo TypeScript'teki bazı anahtar sözcükleri listeler.

kırmak	gibi	hiç	değiştirmek
durum	Eğer	atmak	Başka
var	numara	dizi	almak
modül	tip	örneği	bir çeşit
halka açık	özel	Sıralama	ihracat
en sonunda	için	süre	geçersiz
boş	Süper	bu	yeni
içinde	dönüş	doğru	yanlış
hiç	genişler	statik	İzin Vermek
paket	uygular	arayüz	işlevi
yeni	Deneyin	Yol ver	sabit
devam et	yapmak	tutmak

Boşluk ve Satır Kesmeleri

TypeScript, programlarda görünen boşlukları, sekmeleri ve yeni satırları yok sayar. Programınızda boşlukları, sekmeleri ve yeni satırları özgürce kullanabilirsiniz ve programlarınızı, kodun okunmasını ve anlaşılmasını kolaylaştıran düzgün ve tutarlı bir şekilde biçimlendirmekte ve girintilemekte özgürsünüz.

TypeScript büyük / küçük harfe duyarlıdır

TypeScript, büyük / küçük harfe duyarlıdır. Bu, TypeScript'in büyük ve küçük harfleri birbirinden ayırdığı anlamına gelir.

Noktalı virgül isteğe bağlıdır

Her talimat satırına bir statement. TypeScript'te noktalı virgül isteğe bağlıdır.

Example

console.log("hello world")
console.log("We are learning TypeScript")

Tek bir satır birden çok ifade içerebilir. Ancak, bu ifadeler noktalı virgülle ayrılmalıdır.

TypeScript'teki yorumlar

Yorumlar, bir programın okunabilirliğini artırmanın bir yoludur. Yorumlar, kodun yazarı, bir işlev / yapı hakkında ipuçları vb. Gibi bir program hakkında ek bilgi eklemek için kullanılabilir. Yorumlar derleyici tarafından yok sayılır.

TypeScript, aşağıdaki yorum türlerini destekler -

• Single-line comments ( // ) - // ile satırın sonu arasındaki herhangi bir metin yorum olarak kabul edilir

• Multi-line comments (/* */) - Bu yorumlar birden çok satıra yayılabilir.

Example

//this is single line comment 
 
/* This is a  
   Multi-line comment 
*/

TypeScript ve Nesne Yönelimi

TypeScript, Nesne Yönelimli JavaScript'tir. Nesne Yönelimi, gerçek dünya modellemesini izleyen bir yazılım geliştirme paradigmasıdır. Nesne Yönelimi, bir programı, yöntemler adı verilen mekanizma aracılığıyla birbirleriyle iletişim kuran nesnelerin bir koleksiyonu olarak görür. TypeScript bu nesne yönelimli bileşenleri de destekler.

• Object- Bir nesne, herhangi bir varlığın gerçek zamanlı temsilidir. Grady Brooch'a göre her nesnenin üç özelliği olmalıdır -

  • State - bir nesnenin nitelikleriyle tanımlanır

  • Behavior - nesnenin nasıl davranacağını açıklar

  • Identity - Bir nesneyi bu tür benzer nesneler kümesinden ayıran benzersiz bir değer.

• Class- OOP açısından bir sınıf, nesneler oluşturmak için bir plandır. Bir sınıf, nesne için verileri kapsüller.

• Method - Yöntemler nesneler arasındaki iletişimi kolaylaştırır.

Example: TypeScript and Object Orientation

class Greeting { 
   greet():void { 
      console.log("Hello World!!!") 
   } 
} 
var obj = new Greeting(); 
obj.greet();

Yukarıdaki örnek bir Selamlama sınıfını tanımlar . Sınıfın bir yöntemi vardır greet () . Yöntem, uçbirime "Merhaba Dünya" dizesini yazdırır. newanahtar kelime sınıfın (obj) bir nesnesini oluşturur. Nesne, greet () yöntemini çağırır .

Derleme sırasında aşağıdaki JavaScript kodunu oluşturacaktır.

//Generated by typescript 1.8.10
var Greeting = (function () {
   function Greeting() {
   }
   Greeting.prototype.greet = function () {
      console.log("Hello World!!!");
   };
	return Greeting;
}());

var obj = new Greeting();
obj.greet()

Yukarıdaki programın çıktısı aşağıda verilmiştir -

Hello World!!!