Hai teman-teman semuamya apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi pembelajaran kita, pada pembahasan kali ini kita akan belajar tentang apa itu const dan cara menggunakan const pada ES(ECMAscript). Show Bagi teman-teman yang sudah belajar tentang bahasa pemrograman contohnya php, javascript,VB dan lainnya pasti pernah mendengar kata variable, yups variable adalah suatu penginisialan nilai yang nilainya dapat kita tentukan berdasarkan kebutuhan, kita akan lebih memfokuskan pembahasan kita kepada javascript, didalam javascript membuat sebuah variable banyak caranya bisa menggunakan var,let dan const. pembahasan let akan kita bahas pada pertemuan selanjutnya, kali ini kita akan belajar cara menggunakan varible const, oke apa itu const? mendeklarasikan variable dengan const biasanya dideklarasikan untuk membuat variable vang sifatnya readonly yang artinya variabel tersebut tidak bisa dideklarasi ulang,baik menggunakan keyword var,let atau const itu sendiri atau menginisialisasi ulang nilainya. untuk contoh penggunaannya bisa kita liat script berikut ini:
Jika teman-teman jalankan pada browser dan liat pada bagian inspect element maka akan tampil tulisan eror seperti ini: yang artinya variable angka sudah dideklarasikan dengan model const jadi tidak dapat digunakan kembali, adapun contoh lainnya adalah seperti script berikut ini:
Maka jika teman-teman jalankan dan lihat hasilnya pada inspect element akan tampil eror seperti berikut ini: yang artinya variable angka tidak terdefinisi dikarenakan kita mengaksesnya diluar block code. Oke teman-teman itu sedikit cara memahami tentang variable const pada ES(ECMAscript), dan saya rasa untuk tutorial kali ini tentang apa itu const dan cara menggunakan const pada ES(ECMAscript) cukup sampai disini dulu, semoga bermanfaat. Terima kasih Terdapat beberapa fitur baru pada JavaScript
EcmaScript 6 (ES6). Salah satu fitur yang akan kita bahas kali ini adalah Sesuai judul, kali ini kita akan membahas Keyword Table of Contents
Cakupan atau Scope dari Keyword Scope dalam JavaScript adalah konsep yang digunakan untuk membatasi pengaksesan suatu variabel. Ada dua tipe scope yaitu lokal dan global. Variabel Global adalah variabel yang dideklarasikan di luar blok kode. Dalam hal ini, Scope dapat diartikan sebagai Ruang Lingkup atau Cakupan. Masih belum jelas? Baiklah, sekarang perhatikan kode sederhana berikut:
Pada contoh kode diatas, variabel Sekarang, mari kita uji kode diatas dengan menampilkan pada Console:
Outputnya akan seperti berikut: Kode tersebut akan menghasilkan error karena variabel Deklarasi Keyword varNilai dari Keyword Perhatikan contoh kode berikut:
Hasil dari contoh kode diatas akan menampilkan nilai dari variabel Kode diatas juga dapat ditulis seperti berikut:
Perbedaan contoh kode pertama dan kedua adalah, pada contoh kode kedua, kita tidak perlu menuliskan kode var lagi pada variabel Pengangkatan Keyword varPengangkatan atau Hoisting adalah mekanisme JavaScript dimana suatu variabel dan fungsi dideklarasikan atau dipindahkan keatas cakupannya tepat sebelum kode dijalankan. Hoisting atau jika diterjemahkan kedalam bahasa Indonesia berarti mengangkat adalah istilah yang tidak akan ditemukan dalam prosa spesifikasi normatif sebelum Spesifikasi Bahasa ECMAScript® 2015. Hoisting dimaksudkan sebagai cara berpikir umum tentang bagaimana konteks eksekusi (khususnya fase pembuatan dan pelaksanaan) bekerja di JavaScript. Pada contoh kode sebelumnya, kita telah menampilkan Output (
Jadi, variabel tersebut akan diangkat dari atas cakupan dan akan diinisialisasikan dengan nilai Contoh lain dari penulisan kode diatas adalah seperti berikut:
Penggunaan Keyword varTerdapat kelemahan ketika kita menggunakan Keyword var untuk mendeklarasikan variabel pada JavaScript. Sebelum membahasnya, coba perhatikan contoh kode berikut:
Pada contoh kode
diatas, jika Tidak ada masalah sama sekali jika kalian memang ingin mendeklarasikan ulang variabel tersebut. Namun, akan menjadi masalah jika kalian tidak menyadari bahwa variabel tersebut sudah ada atau sudah dideklarasikan sebelumnya. Inilah salah satu alasan mengapa terdapat Keyword
baru yaitu Keyword letSaat ini, Cakupan dari Keyword Agar semakin jelas, mari kita ujicoba:
Pada contoh kode diatas, kita telah melihat bahwasanya menampilkan hasil dari variabel Deklarasi Keyword letSama seperti Keyword
Namun, akan menghasilkan Error jika kita menuliskannya seperti berikut:
Lain halnya jika kita mendeklarasikan ulang variabel yang sama pada cakupan yang berbeda. Contoh:
Mengapa tidak terjadi Error pada contoh kode diatas? Karena kedua variabel tersebut dianggap berada dan juga di cakupan yang berbeda. Itulah salah satu alasan mengapa Keyword Pengangkatan Keyword letSama seperti Keyword Keyword constVariabel yang dideklarasikan dengan Keyword Deklarasi Keyword constSeperti deklarasi variabel dengan menggunakan Artinya, nilai dari variabel yang dideklarasikan dengan menggunakan Keyword Sekarang, perhatikan contoh kode berikut:
Begitupula dengan penulisan seperti berikut:
Oleh karena itu, setiap deklarasi
Lain halnya dengan objek yang dideklarasikan dengan
Hasil dari contoh kode diatas tentu saja akan menghasilkan error. Namun berbeda jika kita menuliskannya seperti berikut:
Contoh kode diatas akan memperbarui nilai dari variabel KesimpulanJadi kesimpulan dari pembahasan mengenai Keyword
Mungkin cukup sampai disini pembahasan kali ini. Jika ada yang kurang, salah atau kalian memiliki pertanyaan, silahkan tulis pada kolom komentar. Semoga bermanfaat. Terimakasih. Apa itu const dalam javascript?Const atau konstanta adalah sebiah variable yang memiliki nilai tetap, alias tidak dapat di ubah. const data = 110; data = 111;//=> TypeError: Assignment to constant variable. tapi dalam penggunaanya sendiri const lebih sering digunakan untuk mendeklarasikan suatu object/array.
Apa perbedaan Let dan const?Kesimpulannya, data pada LET dan VAR bisa diubah-ubah, sementara data pada CONST tidak bisa diubah. Let dan Const menganut sistem block scope, yang mana cakupan variabelnya hanya bisa diakses di dalam blocknya saja.
Apa itu variable const?Variabel constant merupakan variabel yang tak bisa diubah nilainya (read-only).
Apa perbedaan katakunci Let dan const?Perbedaan yang paling mendasar adalah bahwa let dan var dapat ubah isinya kembali sementara const tidak bisa. Ini menjadikan const pilihan terbaik untuk variabel yang tidak perlu diubah, dan itu akan mencegah kesalahan seperti merubah data yang tidak disengaja.
|