ES2015- Menggunakan let dan const

let dan const adalah keyword untuk mendeklarasikan variable, merupakan fitur dari ES2015. Dapat diimplementasikan menggunakan TypeScript.

Untuk jelasnya, mari kita lihat contoh penggunaan var.

for (var i=0; i<=5; i++){
    var counter =i;
}

console.log(counter);

Jika dijalankan di browser, akan tampil angka 5. Untuk Anda yang berlatar belakang dari programming language lain, tentu akan bingung, karena var counter pada console.log sudah diluar scope block for yang memuat variable counter juga.

let keyword

Keyword digunakan untuk deklarasi variable dengan scoping.

Untuk lebih jelas, ganti keyword var dengan let, maka kita akan mendapatkan notifikasi error. Karena variable counter ada dalam scop block for loop, sementara perintah console.log berusaha mengakses variable yang belum didefinisikan.

for (var i=0; i<=5; i++){
    let counter =i;
}

console.log(counter);

Jadi sangat disarankan untuk menggunakan keyword let, agar tidak terjadi kebocoran variable diluar scope-nya.

const keyword

keyword const berguna untuk menginisialisasi variable dan tidak boleh diubah. Selain tidak itu, const juga memiliki sifat scoping seperti let. Jadi variable counter tidak bisa diakses diluar scope suatu block.

Contoh code dibawah akan menyebabkan error, karena variable const counter berusaha diubah. Dan perintah console.log berusaha mengakses variable yang belum didefinisikan.

for (var i=0; i<=5; i++){
    const counter =i;
    counter = i+1;
}

console.log(counter);