TypeScript - Variabel: Panduan untuk Pemula

Halo sana, super bintang coding masa depan! Saya sangat senang menjadi panduan Anda dalam perjalanan menarik ini ke dunia variabel TypeScript. Sebagai seseorang yang telah mengajar pemrograman selama tahun-tahun, saya dapat menjamin Anda bahwa memahami variabel adalah seperti belajar menunggang sepeda - sekali Anda mendapatkannya, Anda tidak akan pernah lupa! Jadi, mari kita masuk dan membuat ini menyenangkan, shall we?

TypeScript - Variables

Deklarasi Variabel dalam TypeScript

Pertimbangkan variabel seperti wadah untuk menyimpan data. Seperti halnya Anda menggunakan kotak yang berbeda untuk menyimpan item yang berbeda di rumah, dalam TypeScript, kita menggunakan variabel untuk menyimpan informasi jenis yang berbeda.

mari kita mulai dari dasar:

Dalam TypeScript, kita memiliki tiga cara untuk mendeklarasikan variabel:

| Keyword | Deskripsi                                        |
|---------|-------------------------------------------------|
| var     | Variabel dengan cakupan fungsi atau global      |
| let     | Variabel dengan cakupan blok                    |
| const   | Variabel dengan cakupan blok yang tidak dapat diubah    |

Sekarang, mari kita lihat ini dalam tindakan!

var myName = "Alice";
let myAge = 25;
const myBirthYear = 1998;

Dalam contoh ini:

  • myName adalah variabel yang dapat diubah dan dapat diakses sepanjang cakupannya.
  • myAge juga dapat diubah tapi terbatas pada blok tempat itu didefinisikan.
  • myBirthYear adalah konstanta, yang berarti setelah diatur, itu tidak dapat diubah.

Ini adalah cara menyenangkan untuk mengingat ini: Pensejukkan var sebagai remaja bebas yang menjelajahi dimana saja merekainginkan, let sebagai orang dewasa yang lebih bertanggung jawab yang tinggal dalam batas-batas, dan const sebagai kakek yang keras kepala yang menolak untuk mengubah cara mereka!

Afirmasi Tipe dalam TypeScript

Sekarang, mari kita bicarakan tentang afirmasi tipe. Itu seperti mengatakan ke TypeScript, "Aku percaya, saya tahu apa yang saya lakukan!" Itu adalah cara mengatakan bahwa Anda, sebagai pemrogrammer, tahu lebih banyak tentang jenis nilai daripada TypeScript.

Ada dua cara untuk melakukan afirmasi tipe:

let someValue: any = "Hello, TypeScript!";
let strLength: number = (<string>someValue).length;

// ATAU

let otherValue: any = "Hello again, TypeScript!";
let anotherStrLength: number = (someValue as string).length;

Dalam kedua kasus, kita mengatakan ke TypeScript untuk memperlakukan someValue dan otherValue sebagai string, meskipun mereka dideklarasikan sebagai any.

Pertimbangkan hal ini seperti ini: Jika TypeScript adalah teman yang hati-hati, maka afirmasi tipe adalah Anda mengatakan, "Jangan khawatir, saya tanggap!"

Penalaran Tipe dalam TypeScript

Salah satu hal yang paling menarik tentang TypeScript adalah kemampuannya untuk menalar tipe. Itu seperti memiliki teman yang sangat cerdas yang bisa menebak apa yang Anda pikirkan!

let favoriteNumber = 7;  // TypeScript menalar ini adalah number
let favoriteColor = "blue";  // TypeScript menalar ini adalah string

Dalam contoh ini, kita tidak secara eksplisit memberitahu TypeScript jenis variabel ini, tapi itu mengetahui sendiri. Apakah itu menarik?

Tetapi ingat, dengan kekuatan yang besar datang tanggung jawab yang besar. Meskipun penalaran tipe mudah, seringkali lebih baik untuk eksplisit tentang jenis Anda, khususnya dalam proyek yang besar. Itu seperti meninggalkan petunjuk jelas untuk diri Anda sendiri atau pengembang lain yang mungkin bekerja di kode Anda.

Cakupan Variabel dalam TypeScript

Memahami cakupan adalah sangat penting dalam TypeScript. Itu tentang di mana variabel Anda tinggal dan siapa yang dapat mengaksesnya.

Cakupan Blok

if (true) {
let blockScoped = "Saya hanya tersedia dalam blok ini";
console.log(blockScoped);  // Ini berkerja
}
console.log(blockScoped);  // Ini akan menyebabkan kesalahan

Dalam contoh ini, blockScoped adalah seperti teman malu yang hanya muncul dalam situasi tertentu (didalam blok if).

Cakupan Fungsi

function greet() {
var message = "Hello!";
console.log(message);  // Ini berkerja
}
greet();
console.log(message);  // Ini akan menyebabkan kesalahan

Di sini, message adalah seperti rahasia yang hanya fungsi greet yang tahu. Itu tidak akan membagikan itu dengan siapa pun di luar!

Cakupan Global

let globalVar = "Saya tersedia di mana-mana!";

function testScope() {
console.log(globalVar);  // Ini berkerja
}

testScope();
console.log(globalVar);  // Ini juga berkerja

globalVar adalah seperti teman yang selalu hadir di setiap pesta - itu tersedia di mana-mana!

Ingat, meskipun variabel global mungkin tampak mudah, mereka dapat menyebabkan kode yang membingungkan dan sulit untuk dipelihara. Itu seperti memiliki kamar yang kacau - ya, segalanya dapat diakses, tapi sulit untuk menemukan apa yang Anda butuhkan!

Kesimpulan

Dan itu dia, teman-teman! Kita telah berpergian melalui negeri variabel TypeScript, dari deklarasi ke cakupan. Ingat, latihan membuat sempurna, jadi jangan khawatir untuk mencoba konsep ini.

Ada satu rahasia kecil dari tahun-tahun mengajar saya: cara terbaik untuk belajar adalah dengan membuat kesalahan. Jadi, tulislah kode, perbaiki hal-hal, dan kemudian perbaiki mereka. Itu adalah cara Anda benar-benar memahami dan mengingat konsep ini.

TypeScript mungkin tampak menakutkan pada awal, tapi percayalah, sekali Anda menguasainya, Anda akan mencintai bagaimana itu membuat kode Anda lebih aman dan mudah dipahami. Itu seperti memiliki asisten yang membantu menangkap kesalahan sebelum mereka menjadi masalah!

Terus coding, tetap curiga, dan ingat - setiap ahli pernah menjadi pemula. Anda bisa melakukan ini!

Credits: Image by storyset