✨ JavaScript Modern (ES6): Peningkatan Kode dengan let, const, dan Arrow Function

 

✨ JavaScript Modern (ES6): Variabel Baru dan Arrow Function

Sejak rilis ECMAScript 2015 (dikenal sebagai ES6), cara kita menulis JavaScript telah berubah drastis. Fitur-fitur baru ini membuat kode lebih bersih, lebih aman, dan lebih mudah dipahami. Dua perubahan fundamental adalah cara kita mendeklarasikan variabel dan menulis fungsi.

Goodbye var, Hello let dan const

Sebelum ES6, variabel dideklarasikan menggunakan var. Namun, var memiliki masalah dengan scope (ruang lingkup), yang sering menyebabkan bug yang sulit dideteksi. ES6 memperkenalkan dua kata kunci baru yang lebih baik: let dan const.

1. let (Variable Scope)

Kegunaan: Menggantikan var untuk variabel yang nilainya akan berubah di kemudian hari.

Scope: Memiliki Block Scope. Artinya, variabel hanya ada di dalam blok kode (if, for, atau kurung kurawal {}) tempat ia dideklarasikan. Ini jauh lebih aman daripada Function Scope pada var.

let hitungan = 0; if (true) {     let hitungan = 10; // Ini adalah variabel yang berbeda } // hitungan di luar tetap 0

2. const (Constant)

Kegunaan: Untuk nilai yang bersifat konstan (tidak akan pernah berubah) sepanjang eksekusi program.

Scope: Juga memiliki Block Scope.

const PI = 3.14; // PI = 3.14159; // Ini akan menghasilkan Error

Arrow Functions ( => )

Arrow Function menawarkan sintaks yang lebih ringkas dan bersih untuk menulis fungsi, terutama untuk fungsi anonim (tanpa nama) atau sebagai callback.

Fungsi Klasik:

function hitung(a, b) {     return a + b; }

Fungsi Arrow (Sintaks Pendek):

Jika fungsi hanya memiliki satu baris return, Anda bisa menghapus return dan kurung kurawal {}:

const hitung = (a, b) => a + b;

Keuntungan Kunci Arrow Function:

Selain sintaks yang singkat, Arrow Function memiliki cara penanganan this (kata kunci yang merujuk objek saat ini) yang lebih konsisten dibandingkan fungsi tradisional, yang mana sangat penting saat bekerja dengan objek dalam JavaScript yang lebih kompleks.

Penggunaan let, const, dan Arrow Function adalah tanda bahwa Anda menulis JavaScript modern. Mengadopsi fitur-fitur ini adalah langkah penting untuk beralih dari pengembang JavaScript pemula menjadi intermediate.