koalicioous

Tingkatkan Permainan JavaScript–mu: Belajar TypeScript 1: Types

TL;DR — TypeScript dapat mengantisipasi bug pada program yang ditulis dengan JavaScript, serta membuat basis kode JavaScript lebih mudah dibaca.

Pendahuluan — skippable reading

JavaScript membuat dunia pemrograman menjadi lebih mengasyikkan untuk dieksplorasi. Sebab, dengan menguasai JavaScript saja, kamu bisa membangun aplikasi di sisi server (Backend), aplikasi sisi klien (Frontend), Aplikasi Mobile & desktop, bahkan membangun model Machine Learning.

Jika kamu sudah cukup familiar dengan sintaks JavaScript dan berpengalaman menulis program dengannya, mungkin sudah saatnya kamu bertimbang untuk meningkatkan level permainan tulis-menulis kode JavaScript–mu dengan mempelajari TypeScript.

koalicioous

let variabelBaru = 'sebuah string'
variabelBaru = 123

koalicioous

let stringVariable = 'a string variable';
stringVariable = 1992;

//type number is not assignable to type 'string'.

koalicioous

let variabelBebas;
variabelBebas = 'sebuah string';
variabelBebas = true;

koalicioous

let variabelAngka: number;
...

koalicioous

...
variabelAngka = 'sebuah string'

koalicioous

function panjangString(teks) {
	console.log(teks.length)
}

panjangString(15)
//Hasil: undefined

koalicioous

function sapaTeman(nama: string) {
	console.log(`Selamat Pagi, ${nama}!`)
}

sapaTeman('Anwar')
// Hasil: Selamat pagi, Anwar!

sapaTeman(2021)
// Error: argunent '2021' is not assignable to parameter of type 'string'

koalicioous

...
function hitungDiskon(besaran? : number) {
	.... 
};

koalicioous

function cetakAngka(inputValue = 123) {
	console.log(inputValue)
};

cetakAngka(456)
//Hasil: 456
cetakAngka()
//Hasil: 123
cetakAngka('angka')
//Error: Argument of type 'angka' is not assignable to parameter of type 'number | undefined'