Cara menggunakan ES-1 di JavaScript

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?