Belajar Typescript Part 2 : Type, Variables, dan Operators

Belajar Typescript

Intro

Hallo teman-teman kali ini kita akan membahas tentang Typescript lagi lanjut dari bagian sebelumnya tentang pengenalan typescript sekarang kita lanjut ke bagian Setup dan mulai beberapa syntax dasar typescript.

Pertama pastikan di laptop kalian sudah terinstall nodejs, lalu buka terminal dan ketikan perintah berikut untuk menginstall secara global typescriptnya :

npm install -g typescript

Sesudah terinstall typescriptnya teman-teman buka text editor favoritnya dan buat file dengan nama test.ts seperti pada code di bawah ini :

var num: number = 12;
console.log(num);

lalu buka terminal untuk compile code typescript kita ke javascript seperti pada contoh perintah dibawah ini :

tsc test.ts

setelah itu akan ada file baru dengan ekstensi .js jika dilihat masih tidak ada perbedaan karena ini hanya simple kode, maksud dari perintah tsc adalah kita mengcompile kode typescript kita ke ekstensi .js mungkin akan ada pertanyaan ribet ya gimana jika saya ingin eksekusi langsung file typescript nya, itu bisa akan tetapi perlu bantuan package lain yaitu menggunakan package ts-node.

Untuk running code kita gunakan perintah seperti ini : 

node test.ts

1. Type

Sistem Tipe mewakili berbagai jenis nilai yang didukung oleh bahasa. Sistem Tipe memeriksa validitas nilai yang diberikan, sebelum disimpan atau dimanipulasi oleh program. Ini memastikan bahwa kode berperilaku seperti yang diharapkan. Sistem Tipe selanjutnya memungkinkan petunjuk kode yang lebih kaya dan dokumentasi otomatis juga.

TypeScript menyediakan tipe data sebagai bagian dari Type System opsional. Klasifikasi tipe data adalah seperti yang diberikan di bawah ini : 

Data type	Keyword	Description
Number	number	Double precision 64-bit floating point values. It can be used to represent both, integers and fractions.
String	string	Represents a sequence of Unicode characters
Boolean	boolean	Represents logical values, true and false
Void	void	Used on function return types to represent non-returning functions
Null	null	Represents an intentional absence of an object value.
Undefined	undefined	Denotes value given to all uninitialized variables

sumber : tutorialspoint.com/typescript/typescript_types.html

lalu buat file dengan nama types.ts serperti pada contoh kode dibawah ini :

const a: string = 'a';
const b: number = 1;
const c: boolean = true;
const d: void = void 0;
const e: null = null;
const f: undefined = undefined;

console.log(a, b, c, d, e, f);

dan running seperti biasa dengan perintah seperti ini :

tsc type.ts
node type.js

2. Variables

Masuk ke area variable di typescript ketika mendefinisikan suatu variable harus lengkap dengan tipe data nya, seperti pada contoh di bawah ini : 

const a: string = 'a';
const b: number = 1;

console.log(a, b);

// example 2

const perkalian = (bilangan_pertama: number, bilangan_kedua: number): number => {
    return bilangan_pertama * bilangan_kedua
}

console.log(perkalian(12, 2))

Sekarang kita coba akan memasukan tipe data bukan number maka typescript akan mengasih pesan error seperti pada gambar di bawah ini : 

memasukan tipe data array

memasukan tipe data string

return tipe data string

Dari skenario testing di atas dapat dipastikan bahwa kode kita ada error dikasih tau oleh typescript bahwa ada yang tidak sesuai, return dari function harus number dan variabel bilangan pertama dan kedua harus number tipe datanya, oh iya btw jika tidak ada muncul suggestion pesan seperti ini teman-teman install plugin ekstension typescript di vscode

3. Operators

Tahap berikutnya yaitu operators, hampir sama dengan javascript ada beberapa opeator juga di typescript seperti or = ||, not = !, dan and = && dan ada beberapa juga operator aritmatik, relational, logical, bitwise dan assignment operator.

Kita akan coba dengan operator logical seperti ini : 

// example 

const tidakSama = (bilangan_pertama: number, bilangan_kedua: number): string => {
    if(bilangan_pertama != bilangan_kedua) {
        return 'tidak sama'
    } else {
        return 'sama'
    }
}

Mungkin segitu yang bisa saya sharing semoga bermanfaat bagi teman-teman, jika ada yang tidak mengerti, ada kesalahan dalam penulisan dan ada yang ingin ditanyakan atau di tambahkan bisa tulis dikolom komentar terimakasih.