VARIABEL LET, VAR DAN COST DALAM JAVASCRIPT

Variable adalah sebuah konsep yang dapat diibaratkan wadah atau tempat didalam pemograman dan berguna untuk penyimpanan data berupa teks angka dsb, data tersebut Kemudian disimpan pada memori komputer selama program tersebut berjalan

Variabel dideklarasikan dengan var, let, Const

A. Variabel dengan var

Variabel yang menggunakan keyword var akan ditugaskan menjadi objek global. Untuk membatasi penggunaan variable agar tidak menjadi objek global memerlukan ruang lingkup baru, yaitu dengan cara membuat fungsi untuk membatasi ruang lingkup tersebut.

Cara penulisan variabel var 1

<script><br>   var panjang;<br>   var tinggi;<br></script>

1	<script><br> var panjang;<br> var tinggi;<br></script>

Cara penulisan variabel var 2

<script>
   var panjang, tinggi;
</script>

var panjang, tinggi;

</script>

Cara penulisan variabel var 3

<script>
   var panjang = 300;
   var lebar = 150;
   var kata = "belajar variabel";
</script>

var panjang = 300;

var lebar = 150;

var kata = "belajar variabel";

</script>

Contoh var dalam html

<!DOCTYPE HTML>
<html>
   <head>
      <title>Variabel</title>
   </head>
   <body>
      <script>
         var a = "Selamat Datang!";
         function selamat(){
            var b = "Selamat pagi!";
            document.write(a);
         }
         selamat();
         document.write(b);
      </script>
   </body>
</html>

<!DOCTYPE HTML>

<html>

<head>

<title>Variabel</title>

</head>

<body>

var a = "Selamat Datang!";

function selamat(){

var b = "Selamat pagi!";

document.write(a);

}

selamat();

document.write(b);

</script>

</body>

</html>

Demo Variabel var
Downlod Variabel var

Variaber var jika tidak ditulis var tidak error, dan akan dianggap variabel global

guru = "Syaiful"; 
// output -> syaiful

1 2	guru = "Syaiful"; // output -> syaiful

Variaber var jika terdapat dua atau lebih tidak error, namun akan ditiban

var guru = "Syaiful";
var guru = "Fisika;
//output-> Fisika, jika ada dua atau lebih maka yang dipakai yang paling terakhir

var guru = "Syaiful";

var guru = "Fisika;

//output-> Fisika, jika ada dua atau lebih maka yang dipakai yang paling terakhir

B. Variabel dengan let

Variabel let biasanya digunakan untuk membuat variabel yang nilainya dapat diubah. Ini diperkenalkan untuk mengatasi masalah var

Scope variabel let cangkupanya terbatas pada block tempat variable let didefenisikan. Sehingga dengan konsep block scope yang dianut oleh let dapat menjadi solusi atas permasalahan yang dialami oleh var.

variabel let tidak dapat dideklarasikan ulang

let nama = 'Syaiful';
let nama = 'Nurhidayat'; 
//sintak menjadi error karena ada 2 variabel nama

let nama = 'Syaiful';

let nama = 'Nurhidayat';

//sintak menjadi error karena ada 2 variabel nama

Sama seperti var, variabel yang dideklarasikan menggunakan let nilainya dapat diubah menggunakan data dengan tipe yang sama maupun berbeda.

let umur = 25;
umur = 'Dua Puluh Lima';
console.log(umur); 
//Output -> Dua Puluh Lima

let umur = 25;

umur = 'Dua Puluh Lima';

console.log(umur);

//Output -> Dua Puluh Lima

C. Variabel Const

Sama seperti let, namun nilai variabel const tidak dapat diubah.
variabel const tidak bisa mendeklarasikan ulang

const nama = 'renova';
const nama = 'reza';
//SyntaxError

const nama = 'renova';

const nama = 'reza';

//SyntaxError

Nilai variabel yang dibuat menggunakan const tidak dapat diubah.

const nama = 'renova';
nama = 'reza'; 
// TypeError

const nama = 'renova';

nama = 'reza';

// TypeError

Elemen dalam array dapat diubah:

const warga = ['Syaiful', 'Nuriman', 'Hidayat'];
warga[1] = 'Nur';
console.log(warga); // ["Syaiful", "Nur", "Hidayat"]

const warga = ['Syaiful', 'Nuriman', 'Hidayat'];

warga[1] = 'Nur';

console.log(warga); // ["Syaiful", "Nur", "Hidayat"]

Contoh lain

const mahasiswa = {
  nama: 'Syaiful',
  umur: 25,
};
mahasiswa.umur = 25;
console.log(mahasiswa); // {nama: "Syaiful", umur: 25}

const mahasiswa = {

nama: 'Syaiful',

umur: 25,

};

mahasiswa.umur = 25;

console.log(mahasiswa); // {nama: "Syaiful", umur: 25}

Variabel const yang dideklarasikan di dalam block scope hanya bisa diakses di dalamnya, tidak bisa diakses di luar
variabel const tidak dapat digunakan sebelum dideklarasikan.

VARIABEL LET, VAR DAN COST DALAM JAVASCRIPT

A. Variabel dengan var

B. Variabel dengan let

C. Variabel Const

Be the first to comment

Leave a Reply Cancel reply