Perbedaan var dan let di javascript

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

Ada tiga kata kunci dalam JavaScript yang dapat digunakan untuk mendeklarasikan variabel: let, var, dan const. Setiap kata kunci memiliki aturan dan implikasi yang berbeda tentang bagaimana variabel yang mereka buat dapat digunakan.
let: Kata kunci let mendeklarasikan variabel lokal cakupan blok, secara opsional menginisialisasinya ke nilai.
Block-scoped berarti variabel hanya tersedia di dalam blok itu dideklarasikan, yang biasanya dilambangkan dengan kurung kurawal {}. var: Kata kunci var mendeklarasikan variabel lingkup fungsi atau variabel global, secara opsional menginisialisasinya ke nilai.
Function-scoped berarti bahwa variabel hanya tersedia dalam fungsi yang dideklarasikan. Variabel global tersedia di seluruh kode Anda. const: Kata kunci const mendeklarasikan variabel konstanta lingkup blok yang tidak dapat diubah, yaitu variabel yang tidak dapat dipindahkan.
Constants juga disebut “variabel yang tidak dapat diubah”, tetapi itu agak keliru karena sebenarnya variabel – hanya variabel yang tidak dapat ditugaskan kembali. 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 tersebut dan tidak didukung oleh browser lama.

Jika Anda perlu mendukung browser lama, Anda dapat menggunakan var alih-alih 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; misalkan y = 2; konstanta z = 3; x = 4; //Oke y = 5; //Oke z = 6; //Error1234567var x = 1;biarkan y = 2;const z = 3; x = 4; //Oke y = 5; //Oke z = 6; //Error

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 artinya bahwa variabel var hanya tersedia dalam fungsi tempat mereka dideklarasikan. Misalnya:

function foo() { var x = 1; } fo(); console.log(x); // ReferenceError: x tidak didefinisikan123456function foo() {  var x = 1;} foo();console.log(x); // ReferenceError: x tidak didefinisikan

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

function foo() { let y = 2; konstanta z = 3; } fo(); console.log(y); // ReferenceError: y tidak didefinisikan console.log(z); // ReferenceError: z tidak didefinisikan12345678fungsi foo() {  biarkan y = 2; const z = 3;} foo();console.log(y); // ReferenceError: y tidak didefinisikan console.log(z); // ReferenceError: z is notdefined

Jadi jika kamu baru di dunia javascript mungkin kamu akan bertanya-tanya, apa perbedaan antara var, let dan const dan kenapa itu penting? Pada dasarnya mereka itu sama, dengan beberapa kebiasaan yang berbeda. var, let dan const adalah sebuah

function letExample() {
  let x = 2;

  if (x === 2) {
    let y = 6;
    console.log(y); //output: 6
  }

  console.log(x); //output: 2
  console.log(y); //output: x is nor defined
}

function letExample() {
  let x = 2;

  if (x === 2) {
    let y = 6;
    console.log(y); //output: 6
  }

  console.log(x); //output: 2
  console.log(y); //output: x is nor defined
}

function letExample() {
  let x = 3;
  x = 6
  console.log(x); //output: 6
}

Petama, mari kita bahas secara terknis dari var, let dan const.

1. var

1.1. var memilikin cakupan fungsi

Jika kamu tidak terbiasa dengan

function letExample() {
  let x = 3;
  x = 6
  console.log(x); //output: 6
}

function letExample() {
  let x = 3;
  x = 6
  console.log(x); //output: 6
}

function setup() {

  var x = 16;
  console.log(c); //output: 16
  
}

console.log(x); //output: x is nor defined

Dalam contoh diatas, karena

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

1.2. var dapat di function letExample() { let x = 3; let x = 8; console.log(x); //error: variable has already been declare }3 dan function letExample() { let x = 3; let x = 8; console.log(x); //error: variable has already been declare }4

var dapat di

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

const x = 20;
x = 20;
console.log(x); //output: error: assignment to constant variable

2. let dan const

let dan const berprilaku dengan cara yang sangat mirip, dengan satu perbedaan utama. Ayo kita liat pesamaanya dulu.

2.1. let dan const memiliki cakupan blok

Dengan let dan const, variable hanya bisa di akses dalam blok dimana mereka didekalrasikan. Jadi mungkin kamu bertanya, apa itu blok?

Blok adalah segala sesuatu yang dikelilingi oleh sepasang

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

1 (contoh.

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

2,

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

3, dll). Lihat contoh di bawah ini.

function letExample() {
  let x = 2;

  if (x === 2) {
    let y = 6;
    console.log(y); //output: 6
  }

  console.log(x); //output: 2
  console.log(y); //output: x is nor defined
}

Dalam contoh diatas, variabel

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

2.2. let bisa di function letExample() { let x = 3; let x = 8; console.log(x); //error: variable has already been declare }3 tapi tidak bisa di function letExample() { let x = 3; let x = 8; console.log(x); //error: variable has already been declare }4

let mirip dengan var karena bisa di

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

function letExample() {
  let x = 3;
  x = 6
  console.log(x); //output: 6
}

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

2.3. const tidak bisa di function letExample() { let x = 3; let x = 8; console.log(x); //error: variable has already been declare }3 dan function letExample() { let x = 3; let x = 8; console.log(x); //error: variable has already been declare }4 (agak)

const di javascript secara var6 berarti var7. Saat kamu ingin membuat sebuah variabel yang tidak akan pernah berubah didalam kode kamu, kamu bisa menggunakan const. Ini kan membantu var9 kamu dan developer lainnya.

const x = 20;
x = 20;
console.log(x); //output: error: assignment to constant variable

Note: Walaupun const tidak bisa di

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

3dan

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

4, tapi nilainya bisa dimanipulasi. Contohnya, Jika kita me-let3 sebuah let4 kedalam variabel const, javascript mengizinkan nilai dan properti didalam sebuah let4 untuk dimanipulasi selama let4 aslinya tidak di

function letExample() {
  let x = 3;
  let x = 8;
  console.log(x); //error: variable has already been declare
}

3ke let4 baru. Contoh:

const particle = {x: 10, y: 20};
particle.x = 50;
console.log(particle); //output: {x: 50, y: 10}

particle = {x: 20, y: 60};
console.log(particle); //output: error: assignment to constant variable

3. Si Kurus

Hindari menggunakan var. Jika kamu memiliki sebuat variabel yang tidak akan pernah berubah, gunakan const. Jika tidak gunakan let! Saya harap ini membantu kamu mengerti "apa" dan "mengapa" variabel pada const4!

Apa itu VAR di javascript?

Kapan menggunakan Let dan const?

Apa itu Let dalam pemrograman?

Apa itu const dalam javascript?