Apa yang membiarkan var dan const dalam javascript?

Hallo teman-teman? . Nah kali ini kita akan membahas sesuatu yang baru yaitu Javascript. Bagi anda yang belum mengetahui apa itu var, let dan const dalam javascript. Tentunya artikel ini sangat tepat bagi sobat yang sudah membacanya

Var adalah variabel yang dideklarasikan dalam javascript yang akan selalu di atas/ diawali (diangkat). bahkan jika kita tidak meletakkannya di awal kode

function buatKopi(kopiPanas) {
   if(kopiPanas) {
       var kopi = "Buat kopi panas!"
   } else {
       var kopi = "Buat kopi es!"
   }
   return kopi;
}
 
console.log(buatKopi(false));
 
/* output
Buat kopi panas!
*/

Biarkan adalah variabel javascript yang tidak dapat diakses sebelum dideklarasikan, tidak seperti Var dan biarkan nilainya dapat diinisialisasi ulang

let nama = "uda";
name = "Udacoding";
 
 
console.log(nama);
 
 
/* output:
Udacoding
*/

Const adalah variabel dalam javascript yang tidak dapat diakses sebelum dideklarasikan, tidak seperti Var dan const adalah konstanta

const nama = "coding";
nama = "Udacoding";
 
 
console.log(nama);
 
 
/* error:
TypeError: Assignment to constant variable.
*/

nah kapan waktu yang tepat untuk menggunakan ketiganya

• var jika ingin meletakkan variabel selalu di atas, padahal sebenarnya kita taruh di bawah
• biarkan jika Anda membuat variabel dan ingin menginisialisasi ulang nilainya
• const jika Anda tidak ingin menyukai let

Nah itulah pembahasan kita kali ini. Jika ada kendala atau apapun jangan sungkan untuk meninggalkan pertanyaan di kolom komentar. sampai berjumpa lagi

A hanya memberi tahu komputer bahwa ada variabel dan nilai apa yang harus dimulai. Mirip dengan bahasa pemrograman lain, JavaScript juga memungkinkan untuk mendeklarasikan variabel

Ada tiga kata kunci dalam JavaScript yang dapat digunakan untuk mendeklarasikan variabel. biarkan, var, dan const. Setiap kata kunci memiliki aturan dan implikasi yang berbeda tentang bagaimana variabel yang mereka buat dapat digunakan
membiarkan. Kata kunci let mendeklarasikan variabel lokal cakupan-blok, secara opsional menginisialisasinya ke sebuah nilai
Cakupan blok berarti bahwa variabel hanya tersedia dalam blok yang dideklarasikan, yang biasanya dilambangkan dengan kurung kurawal {}. var. Kata kunci var mendeklarasikan variabel lingkup fungsi atau variabel global, secara opsional menginisialisasinya ke sebuah nilai
Lingkup fungsi berarti bahwa variabel hanya tersedia dalam fungsi yang dideklarasikan. Variabel global tersedia di seluruh kode Anda. const. Kata kunci const mendeklarasikan variabel konstanta cakupan blok yang tidak dapat diubah, yaitu variabel yang tidak dapat dipindahkan
Konstanta juga disebut "variabel yang tidak dapat diubah", tetapi itu sedikit keliru karena sebenarnya itu adalah variabel - hanya variabel yang tidak dapat dipindahkan. Apa perbedaan antara var, let dan const?

Kata kunci var adalah cara tertua untuk mendeklarasikan variabel dalam JavaScript dan didukung oleh semua browser. Kata kunci let dan const adalah tambahan baru untuk bahasa ini dan tidak didukung oleh browser lama

Jika Anda perlu mendukung browser lama, Anda dapat menggunakan var sebagai ganti let atau const. Jika Anda tidak perlu mendukung browser lama, Anda dapat menggunakan let atau const. Jika Anda ingin variabel Anda tidak dapat diubah, gunakan const

Berikut beberapa contohnya

var x = 1;

Seperti yang Anda lihat, variabel var dan let dapat dipindahkan, tetapi variabel const tidak bisa

Perbedaan lain antara var dan let/const adalah bahwa variabel var memiliki cakupan fungsi, sedangkan variabel let dan const memiliki cakupan blok

Ini berarti bahwa variabel var hanya tersedia dalam fungsi tempat mereka dideklarasikan. Sebagai contoh

fungsi foo() { var x = 1; . log(x); . x tidak ditentukan123456fungsi foo() {  var x = 1;} foo();konsol. log(x); . x tidak terdefinisi

Sebaliknya, variabel let dan const hanya tersedia di dalam blok tempat mereka dideklarasikan. Contoh

function foo() { biarkan y = 2; . log(y); . y tidak didefinisikan konsol. log(z); . z adalah undefined12345678 fungsi foo() {  biarkan y = 2; . log(y); . y tidak didefinisikan konsol. log(z); . z tidak ditentukan

Javascript ES6 – Kali ini MID Technology akan membahas tentang let dan const yang merupakan variabel baru dalam javascript dan apa bedanya dengan var?

pada kesempatan kali ini kita akan membahas tentang penggunaan ( scope nya ), scoop ( scope nya ) dan hoisting ( pengangkatan )

Secara umum, perbedaan antara var let const dalam javascript adalah

• var bersifat global, dapat diubah di mana saja. memiliki sifat mengangkat dan dapat dideklarasikan ulang di mana saja
• biar area scoop, bisa diubah. tidak dapat dideklarasikan kembali
• const adalah area scoop, tidak dapat diubah (tidak dapat diubah), tidak dapat dideklarasikan ulang. biasa digunakan untuk objek

sekarang mari kita bahas penjelasannya lebih detail

Kekurangan Var dalam Javascript

Masalah 1. Penggunaannya

Dalam penggunaan var kita bisa mendeklarasikan variabel yang sama secara berulang-ulang, yang terkadang membingungkan developer itu sendiri, misalnya

var hello = "selamat datang";
hello = "hallo bro";

console.log(hello)//=>"hallo bro"

var hello2 = "selamat datang";
var hello2 = "hallo bro";

console.log(hello2)//=>"hallo bro"

pada bahasa pemrograman lain jika menulis seperti diatas maka akan terjadi error

tapi di javascript tidak, sebenarnya sama saja dengan memberikan nilai berulang pada sebuah variabel

Masalah 2. Mengangkat / Mengangkat

dalam penggunaan var di javascript pertama kali yang dijalankan di sistem adalah mencari definisi variabel di seluruh blok kode terlebih dahulu

setelah itu baru beri nilai pada variabel tersebut, Contoh

var x = 0;
x = 1

console.log(x) //=>1
y = 0
var y = 1

console.log(y)//=>1

jika anda menjalankan blok kode di atas tidak akan error, kenapa?padahal variabel y diberi nilai terlebih dahulu sebelum dideklarasikan?

itu karena apa yang saya katakan sebelumnya, bahwa javascript akan mencari semua deklarasi variabel di blok kode dan kemudian menemukan nilainya

Tentu hal ini tidak baik, karena dapat membingungkan pembuatnya sendiri

Masalah 3. Scoop / ruang lingkup

dalam kode javascript yang berada di antara kurung kurawal "{}" seperti if, else, for, while. dll harus memiliki sendok sendiri

jadi jika kita mendeklarasikan sebuah variabel maka variabel tersebut akan menjadi private

tapi ini tidak terjadi di javascript, yang akan dicontohkan di bawah ini

var data = 1;
var x = True;
if(x){
   var data = 3;// variable ini harusnya menjadi variable tersendiri
}
console.log(data)//=>3

jadi ketika kita mendeklarasikan variabel di dalam {}, maka variabel di luar akan dipindahkan

Masalah 4. Variabel Global

sebelum ES6 keluar jika kita memberi nilai pada sebuah variabel dan variabel tersebut tidak dideklarasikan maka variabel tersebut akan bersifat global, misalnya

(function(){
  c=3
})()
console.log(c)//=> 3

Tentu hal ini sangat mengganggu, karena dapat merusak blok kode lainnya, hal ini terjadi karena sifat pengangkat javascript yang sudah dijelaskan sebelumnya

MEMBIARKAN

Let hadir sebagai peningkatan dari var dalam hal scoop, use dan hoisting

sebelumnya jika kita mendeklarasikan variabel di dalam kurung kurawal "{}" maka variabel tersebut akan menjadi variabel global

dan tentunya kita tidak ingin hal itu terjadi, saya akan menjelaskan dengan blok kode di bawah ini

let data = 1;
let x = True;
if(x){
   let data = 3;
   console.log(data);//=>3
}
console.log(data);//=>1

dilihat dari blok kode diatas variabel data sama sekali tidak terpengaruh oleh deklarasi variabel yang sama pada if

jadi ketika kita menyebutnya inside the outer dal {} maka hasilnya akan berbeda. mengapa?

itu karena keduanya dianggap variabel yang berbeda, itulah yang membuat let lebih baik daripada var. jadi kita tidak perlu mendeklarasikan nama variabel baru di scoop yang berbeda

Biarkan tidak dapat dideklarasikan ulang

seperti halnya var, let juga dapat direvaluasi dalam scoop yang sama, tetapi let tidak dapat dideklarasikan ulang. Contoh

//let bisa diberi nilai ulang
let data = 1;
data = 2;
console.log(data)//=>2

//let tidak bisa di deklarasikan ulang
let data2 = 1;
let data2 = 2;//=> TypeError: Duplicate declaration "data2"

Konst

Const atau konstanta adalah variabel yang nilainya tetap, alias tidak bisa diubah

const data = 110;
data = 111;//=> TypeError: Assignment to constant variable.

namun dalam penggunaannya sendiri, const lebih sering digunakan untuk mendeklarasikan objek/array

Konst sebagai objek

Sifat konstan dari const tidak berlaku lagi jika const digunakan sebagai objek, dengan kata lain kita dapat mengubah isinya selama masih berada di dalam scoop.

const greeting = {
        message : "say Hi",
        times : 4
    }
greeting.message = "hello world";
console.log(greeting.message)//=>"hello world"

dalam penggunaannya kita juga bisa mendeklarasikan const sebagai objek kosong dan memberikan nilainya pada baris berikutnya, selama masih ada satu scoop

const greeting = {}
greeting.number = 1;
greeting.name = "rifaldy";

begitu banyak tutorial tentang perbedaan antara var, let dan const di javascript ES6, Anda bisa membacanya di dev. itu

Anda juga bisa membaca tutorial lainnya tentang java script disini dan tentang react disini

Jika ada pertanyaan silahkan tulis di kolom komentar, terima kasih

Penyingkapan. Saya dapat menerima kompensasi afiliasi untuk beberapa tautan di bawah tanpa biaya jika Anda memutuskan untuk membeli paket berbayar. Situs ini tidak dimaksudkan untuk memberikan nasihat keuangan. Ini hanya untuk hiburan

ADINATA

Adinata adalah pakar teknologi dan pembuat konten yang berpengalaman lebih dari 5 tahun di jaringan, pengkodean, dan server cloud vps terkelola

Apa itu Biarkan dalam javascript?

Apa itu VAR dalam javascript?

Konst untuk apa?