TypeScript - Sintaks Dasar

Sintaks mendefinisikan sekumpulan aturan untuk menulis program. Setiap spesifikasi bahasa menentukan sintaksnya sendiri. Program TypeScript terdiri dari -

  • Modules
  • Functions
  • Variables
  • Pernyataan dan Ekspresi
  • Comments

Kode TypeScript Pertama Anda

Mari kita mulai dengan contoh "Hello World" tradisional -

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

Saat kompilasi, itu akan menghasilkan kode JavaScript berikut.

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);
  • Baris 1 mendeklarasikan variabel dengan pesan nama. Variabel adalah mekanisme untuk menyimpan nilai dalam sebuah program.

  • Baris 2 mencetak nilai variabel ke prompt. Di sini, konsol mengacu pada jendela terminal. Log fungsi () digunakan untuk menampilkan teks di layar.

Kompilasi dan Jalankan Program TypeScript

Mari kita lihat bagaimana mengkompilasi dan menjalankan program TypeScript menggunakan Visual Studio Code. Ikuti langkah-langkah yang diberikan di bawah ini -

Step 1- Simpan file dengan ekstensi .ts. Kami akan menyimpan file sebagai Test.ts. Editor kode menandai kesalahan dalam kode, jika ada, saat Anda menyimpannya.

Step 2- Klik kanan file TypeScript di bawah opsi Working Files di VS Code's Explore Pane. Pilih Buka di opsi Prompt Perintah.

Step 3 - Untuk mengkompilasi file, gunakan perintah berikut di jendela terminal.

tsc Test.ts

Step 4- File dikompilasi ke Test.js. Untuk menjalankan program yang ditulis, ketik yang berikut ini di terminal.

node Test.js

Bendera Penyusun

Tanda kompilator memungkinkan Anda mengubah perilaku kompilator selama kompilasi. Setiap tanda compiler memperlihatkan pengaturan yang memungkinkan Anda untuk mengubah perilaku compiler.

Tabel berikut mencantumkan beberapa flag umum yang terkait dengan compiler TSC. Penggunaan baris perintah biasa menggunakan beberapa atau semua sakelar.

S.No. Bendera & Deskripsi penyusun
1.

--help

Menampilkan manual bantuan

2.

--module

Muat modul eksternal

3.

--target

Tetapkan versi ECMA target

4.

--declaration

Menghasilkan file .d.ts tambahan

5.

--removeComments

Menghapus semua komentar dari file output

6.

--out

Kompilasi banyak file menjadi satu file output

7.

--sourcemap

Buat file peta sumber (.map)

8.

--module noImplicitAny

Larang kompilator menyimpulkan jenis apa pun

9.

--watch

Perhatikan perubahan file dan kompilasi ulang dengan cepat

Note - Beberapa file dapat dikompilasi sekaligus.

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

Pengidentifikasi di TypeScript

Pengenal adalah nama yang diberikan ke elemen dalam program seperti variabel, fungsi, dll. Aturan untuk pengenal adalah -

  • Pengidentifikasi dapat mencakup keduanya, karakter dan angka. Namun, pengenal tidak boleh dimulai dengan digit.

  • Pengidentifikasi tidak dapat menyertakan simbol khusus kecuali untuk garis bawah (_) atau tanda dolar ($).

  • Pengenal tidak boleh menjadi kata kunci.

  • Mereka harus unik.

  • Pengenal peka huruf besar kecil.

  • Pengenal tidak boleh berisi spasi.

Tabel berikut mencantumkan beberapa contoh pengenal yang valid dan tidak valid -

Pengenal yang valid ID tidak valid
nama depan Var
nama depan nama depan
num1 nama depan
$ result 1 angka

TypeScript ─ Kata kunci

Kata kunci memiliki arti khusus dalam konteks suatu bahasa. Tabel berikut mencantumkan beberapa kata kunci dalam TypeScript.

istirahat sebagai apa saja beralih
kasus jika melemparkan lain
var jumlah tali Dapatkan
modul Tipe contoh jenis
publik pribadi enum ekspor
akhirnya untuk sementara kosong
batal super ini baru
di kembali benar Salah
apa saja meluas statis membiarkan
paket mengimplementasikan antarmuka fungsi
baru mencoba menghasilkan const
terus melakukan menangkap

Spasi Putih dan Jeda Baris

TypeScript mengabaikan spasi, tab, dan baris baru yang muncul di program. Anda dapat menggunakan spasi, tab, dan baris baru secara bebas dalam program Anda dan Anda bebas untuk memformat dan membuat indentasi program Anda dengan cara yang rapi dan konsisten yang membuat kode mudah dibaca dan dipahami.

TypeScript peka huruf besar-kecil

TypeScript peka huruf besar kecil. Ini berarti TypeScript membedakan antara karakter huruf besar dan huruf kecil.

Titik koma adalah opsional

Setiap baris instruksi disebut a statement. Titik koma bersifat opsional di TypeScript.

Example

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

Satu baris bisa berisi banyak pernyataan. Namun, pernyataan ini harus dipisahkan dengan titik koma.

Komentar di TypeScript

Komentar adalah cara untuk meningkatkan keterbacaan program. Komentar dapat digunakan untuk memasukkan informasi tambahan tentang program seperti pembuat kode, petunjuk tentang fungsi / konstruksi, dll. Komentar diabaikan oleh kompiler.

TypeScript mendukung jenis komentar berikut -

  • Single-line comments ( // ) - Teks apa pun di antara // dan akhir baris dianggap sebagai komentar

  • Multi-line comments (/* */) - Komentar ini dapat mencakup beberapa baris.

Example

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

TypeScript dan Orientasi Objek

TypeScript adalah JavaScript Berorientasi Objek. Object Orientation adalah paradigma pengembangan perangkat lunak yang mengikuti pemodelan dunia nyata. Orientasi Objek menganggap program sebagai kumpulan objek yang berkomunikasi satu sama lain melalui mekanisme yang disebut metode. TypeScript mendukung komponen berorientasi objek ini juga.

  • Object- Objek adalah representasi waktu nyata dari entitas apa pun. Menurut Grady Brooch, setiap objek harus memiliki tiga fitur -

    • State - dijelaskan oleh atribut suatu objek

    • Behavior - menjelaskan bagaimana objek akan bertindak

    • Identity - nilai unik yang membedakan suatu objek dari sekumpulan objek serupa.

  • Class- Kelas dalam istilah OOP adalah cetak biru untuk membuat objek. Kelas merangkum data untuk objek tersebut.

  • Method - Metode memfasilitasi komunikasi antar objek.

Example: TypeScript and Object Orientation

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

Contoh di atas mendefinisikan Salam kelas . Kelas memiliki metode greet () . Metode mencetak string "Hello World" di terminal. Itunewkata kunci membuat objek kelas (obj). Objek memanggil metode greet () .

Saat kompilasi, itu akan menghasilkan kode JavaScript berikut.

//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()

Output dari program di atas diberikan di bawah ini -

Hello World!!!