Variabel bisa juga disebut wadah atau tempat menyimpan nilai yang memiliki tipe data tertentu, seperti string (teks), angka (angka), objek, larik, dan seterusnya a> a> .
Apa itu ES6
Sekilas tentang ES6, ES6 adalah kependekan dari EcmaScript 6, standarisasi kode Javascript yang disebut ECMAScript atau ES. dengan fitur let, const, Arrow Function, Spread properties dan spread operator, Class
Sebelum ES6 hanya ada satu cara untuk membuat variabel dalam javascript yaitu
var x // deklarasi
x = 1 // tugas
atau bisa disingkat seperti ini
var x = 1;
Pada kesempatan kali ini kita akan membahas var, let, dan const dalam javascript
Diskusi Var
Penggunaan var pada javascript memang paling sederhana, namun ada beberapa kasus atau kondisi yang membuat kita bingung dengan var ini.
contoh penggunaan var.
// buat variabel dengan Var
var infoVar = "Buat Variabel dengan var";
konsol. log(infoVar);
dari sintaks di atas akan menghasilkan seperti ini
Buat Variabel dengan var
Pembahasan Letkol
Cara kerja let hampir sama dengan var, bedanya di ruang lingkup
var adalah ruang lingkup fungsi, sedangkan biarkan adalah ruang lingkup blok. (lihat tabel di atas)
contoh penggunaan let
// buat variabel dengan let
mari infoLet = "Buat Variabel dengan biarkan";
konsol. log(infoLet);
dari sintaks di atas akan menghasilkan seperti ini
Buat Variabel dengan let
Pembahasan Konst
Const atau Konstanta, dari namanya sudah bisa ditebak. Variabel yang sifatnya tetap atau dengan kata lain nama dan isi variabel tidak dapat diubah
contoh penggunaan const
// buat variabel dengan const
const infoConst = "Buat Variabel dengan const";
konsol. log(infoConst);
dari sintaks di atas akan menghasilkan seperti ini
Buat Variabel dengan const
Nah sobat sudah tahu cara menggunakan ketiganya, langkah selanjutnya coba bandingkan ketiganya dengan tahapan berikut ini
Menetapkan ulang, Mengangkat, dan Lingkup
BERHENTI
Tetapkan kembali pada var
var infoVar = "Buat Variabel dengan var";
// ubah nilai di var
var infoVar = "Ubah Variabel di var";// reassign
konsol. log(infoVar);
Jika dilihat dari syntax diatas, bagaimana hasil dari console tersebut. log(infoVar) ?
jawabannya seperti ini
Ubah Variabel di var
kenapa bisa seperti itu? . Namun di sisi lain, ada hal yang cukup riskan jika ditulis secara tidak sengaja
Tetapkan kembali di biarkan
ayo infoLet = "Create Variable with let";
// ubah nilai di let
mari infoLet = "Ubah Variabel di let";// reassign
konsol. log(infoLet);
Jika dilihat dari syntax diatas, bagaimana hasil dari console tersebut. log(infoLet) ?
jawabannya seperti ini
mari infoLet = "Ubah Variabel di let";
^
Kesalahan Sintaks. Pengenal'infoLet' telah dideklarasikan
type error, karena infoLet sudah dideklarasikan
Tetapkan kembali pada const
// buat variabel dengan const
const infoConst = "Buat Variabel dengan const";
// ubah nilai di cons
const infoConst = "Ubah Variabel di const";// reassign
konsol. log(infoConst);
Jika dilihat dari syntax diatas, bagaimana hasil dari console tersebut. log(infoConst) ?
jawabannya seperti ini
const infoConst = "Ubah Variabel di const";
^
Kesalahan Sintaks. Pengidentifikasi'infoConst' telah dideklarasikan
type error, karena infoConst telah dideklarasikan. selain itu sudah terlihat dari const atau konstanta
MENGANGKAT
Mengangkat di var
// mengangkat
x = 10;
var x;
konsol. log(x);// 10
Mengangkat berarti mengangkat. Jadi dibalik layar sebenarnya mengangkat var x diangkat menjadi seperti ini
// setelah mengangkat
var x;
x = 10;
konsol. log(x);// 10
terkadang juga bisa membuat kita bingung jika tidak hati-hati. )
Mengangkat di biarkan
// mengangkat biarkan
b = 4;
biarkan b;
konsol. log(b); . Tidak dapat mengakses 'b' sebelum inisialisasi// ReferenceError: Cannot access 'b' before initialization
Mengangkat di const
// mengangkat di const
c = 6;
const c;
konsol. log(c); . Tidak ada penginisialisasi dalam deklarasi const// SyntaxError: Missing initializer in const declaration
CAKUPAN
Lingkup blok pada javascript ditandai dengan simbol {}. Scope artinya pembagian program, hal ini sering dijumpai pada if, for, switch, while dan sebagainya
Logikanya adalah bahwa variabel dalam ruang lingkup harus bersifat pribadi dan tidak dapat dibaca dari ruang lingkup lain. Tapi mari kita coba buktikan
Cakupan pada var
// ruang lingkup dalam var
var aa = 9;
jika(benar) {
var bb = 10;
}
konsol. log(bb);// 10
Lingkup biarkan
// ruang lingkup di biarkan
mari cc = 99;
jika(benar) {
mari dd = 100;
}
konsol. log(dd); . dd tidak ditentukan// ReferenceError: dd is not defined
Cakupan pada const
// ruang lingkup di const
const ee = 99;
jika(benar) {
const ff = 100;
}
konsol. log(ff); . ff tidak ditentukan// ReferenceError: ff is not defined
Nah teman-teman seperti itulah penggunaan var, let, dan const pada EcmaScript 6. Dan juga bagaimana perbedaan dari ketiganya menggunakan reassign, hoisting, dan scope
Terima kasih telah berkunjung dan membaca tulisan saya, mohon maaf jika ada kesalahan, mohon dikoreksi dengan berkomentar
Bagaimana cara memanggil fungsi dalam JavaScript?
Aplikasi apa yang menggunakan JavaScript?
Apakah ECMAScript sama dengan JavaScript?
Apa yang diperlukan dalam menulis program menggunakan JavaScript?