Install Web App

Belajar Typescript #05 | Basic types pada Typescript

profil-penulis

Muhammad Rafitulloh Nur Ramadhani

22 Februari 2023

Dalam pengembangan perangkat lunak, tipe data adalah konsep kunci yang membantu kita mengklasifikasikan dan mengatur data. TypeScript, sebagai ekstensi dari JavaScript, menyediakan berbagai jenis tipe data dasar yang membantu pengembang untuk mengelola data dengan lebih baik. Artikel ini akan menjelaskan apa itu basic types pada TypeScript dan mencakup jenis-jenis basic types yang ada dalam JavaScript dan TypeScript.

Apa Itu Basic Types pada TypeScript?

Basic types dalam TypeScript adalah jenis-jenis tipe data yang mendasar yang digunakan untuk mendefinisikan jenis data variabel, parameter fungsi, dan properti objek. Mereka memungkinkan pengembang untuk menentukan tipe data yang akan digunakan dalam kode mereka secara eksplisit, sehingga membantu mencegah kesalahan tipe yang umumnya terjadi dalam JavaScript murni.

Jenis-Jenis Basic Types pada JavaScript

Sebelum kita membahas jenis-jenis basic types dalam TypeScript, mari kita lihat jenis-jenis tipe data dasar yang ada dalam JavaScript:

  1. Number: Digunakan untuk merepresentasikan angka, baik integer maupun floating-point.

    let age = 30; // Contoh penggunaan Number

     

  2. String: Digunakan untuk merepresentasikan teks atau rangkaian karakter.

    let name = "John"; // Contoh penggunaan String

     

  3. Boolean: Digunakan untuk merepresentasikan nilai true atau false.

    let isStudent = true; // Contoh penggunaan Boolean

     

  4. Undefined: Digunakan untuk menunjukkan bahwa variabel belum diberikan nilai.

    let address; console.log(address); // Output: undefined

     

  5. Null: Digunakan untuk menunjukkan bahwa variabel memiliki nilai null atau tidak memiliki nilai.

    let phoneNumber = null; // Contoh penggunaan Null

     

  6. Symbol (ES6): Digunakan untuk membuat nilai yang unik dan tidak dapat diubah.

    const uniqueID = Symbol("id"); // Contoh penggunaan Symbol

     

  7. BigInt (ES11): Digunakan untuk merepresentasikan angka yang sangat besar.

    const bigNumber = 1234567890123456789012345678901234567890n; // Contoh penggunaan BigInt
    

     

Jenis-Jenis Basic Types pada TypeScript

Selain tipe-tipe dasar yang ada dalam JavaScript, TypeScript menyediakan tipe-tipe tambahan untuk meningkatkan keamanan dan ekspresivitas kode. Berikut adalah beberapa jenis basic types pada TypeScript:

  1. Any: Tipe data yang memungkinkan variabel untuk memiliki tipe data apa pun. Ini digunakan ketika tipe data tidak diketahui atau ketika bekerja dengan kode JavaScript yang sudah ada.

    let data: any = "Hello, World!"; // Contoh penggunaan Any

     

  2. Void: Digunakan untuk mendefinisikan bahwa sebuah fungsi tidak mengembalikan nilai.

    function logMessage(message: string): void {
      console.log(message);
    }
    

     

  3. Array: Digunakan untuk mendefinisikan tipe data dari elemen-elemen dalam sebuah array.

    let numbers: number[] = [1, 2, 3, 4]; // Contoh penggunaan Array

     

  4. Tuple: Mirip dengan array, tetapi memungkinkan Anda mendefinisikan tipe data dari setiap elemen dalam urutan tertentu.

    let person: [string, number] = ["John", 30]; // Contoh penggunaan Tuple
    

     

  5. Enum: Digunakan untuk mendefinisikan serangkaian nilai konstan dengan nama-nama yang dapat dibaca.

    enum Color {
      Red,
      Green,
      Blue
    }
    let favoriteColor: Color = Color.Blue; // Contoh penggunaan Enum
    

     

  6. Never: Digunakan untuk menunjukkan bahwa fungsi tidak pernah mengembalikan nilai atau menghasilkan kesalahan.

    function throwError(message: string): never {
      throw new Error(message);
    }
    

     

  7. Object: Digunakan untuk mendefinisikan objek.

    let user: object = { name: "Alice", age: 25 }; 
    // Contoh penggunaan Object

     

  8. Unknown (ES3.0): Mirip dengan any, tetapi lebih aman. Variabel dengan tipe unknown hanya dapat diassign dengan tipe yang tepat atau setelah dilakukan pemeriksaan tipe.

    let userInput: unknown = "Hello, TypeScript!";
    let message: string = userInput as string;
    

     

Dengan memahami dan menggunakan jenis-jenis basic types ini dalam TypeScript, Anda dapat membuat kode yang lebih aman dan lebih mudah dipelihara, serta meningkatkan ekspresivitas dan dokumentasi kode Anda. Ini adalah langkah awal yang penting dalam memahami TypeScript dan menggunakannya dalam pengembangan perangkat lunak.

Artikel Lainnya Dengan Kategori Terkait :


1. Belajar Typescript #01 | Memahami apa itu Typescript

2. Belajar Typescript #02 | Setup project Typescript

3. Belajar Typescript #03 | Konfigurasi compiler Typescript

4. Belajar Typescript #04 | Membuat code dan menjalankan Typescript

5. Belajar Typescript #05 | Basic types pada Typescript

6. Belajar Typescript #06 | Type data Boolean pada Typescript

7. Belajar Typescript #07 | Type data Number pada Typescript

8. Belajar Typescript #08 | Type data String pada Typescript

9. Belajar Typescript #09 | Type data Null dan Undefined pada Typescript

10. Belajar Typescript #10 | Type data Any pada Typescript

11. Belajar Typescript #11 | Type data Void pada Typescript

12. Belajar Typescript #12 | Object types pada Typescript

13. Belajar Typescript #13 | Object Literal pada Typescript

14. Belajar Typescript #14 | Type data Void pada Typescript

15. Belajar Typescript #15 Object types pada Typescript

16. Belajar Typescript #16 | Memahami dan menerapkan type aliases

17. Belajar Typescript #17 | Memahami dan menerapkan union types

18. Belajar Typescript #18 | Memahami dan menerapkan intersection types

19. Belajar Typescript #19 | Basic types lanjutan - Array

20. Belajar Typescript #20 | Basic types lanjutan - Tuples

21. Belajar Typescript #21 | Basic types lanjutan - Null

22. Belajar Typescript #22 | Basic types lanjutan - Undefined

23. Belajar Typescript #23 | Basic types lanjutan - Void

24. Belajar Typescript #24 | Basic types lanjutan - Never

25. Belajar Typescript #25 | Mengenal teknik lanjutan pada Typescript

26. Belajar Typescript #26 | Optional Parameter

27. Belajar Typescript #27 | Default Parameter

28. Belajar Typescript #28 | Return Type

29. Belajar Typescript #29 | Mendeklarasikan Fungsi - Tanpa Parameter

30. Belajar Typescript #30 | Mendeklarasikan Fungsi - Dengan Parameter

31. Belajar Typescript #31 | Mendeklarasikan Fungsi - Dengan Return Type

32. Belajar Typescript #32 | Mendeklarasikan Fungsi - Sebagai Variabel

33. Belajar Typescript #33 | Mendeklarasikan Fungsi - Sebagai Tipe Data

34. Belajar Typescript #34 | Function Call Signature

35. Belajar Typescript #35 | Menerapkan Types ke dalam class

36. Belajar Typescript #36 | Class declaration

37. Belajar Typescript #37 | Properties dan Methods

38. Belajar Typescript #38 | Object dan Properti dari sebuah class

39. Belajar Typescript #39 | Constructor

40. Belajar Typescript #40 | Konsep OOP - Inheritance

41. Belajar Typescript #41 | Konsep OOP - Abstraction

42. Belajar Typescript #42 | Konsep OOP - Encapsulation

43. Belajar Typescript #43 | Accessors

44. Belajar Typescript #44 | Member visibility / Access modifier

45. Belajar Typescript #45 | Konsep OOP Polymorphism

46. Interfaces TypeScript

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya