Ikhtisar super cepat: Scope Chain, Hoisting, dan TDZ dalam JavaScript.

Jan 12 2023
Seperti judulnya, saya akan membuat cerita panjangnya sesingkat mungkin dan langsung masuk ke daging! Apa itu Rantai Lingkup? Rantai lingkup adalah cara untuk lin… Tidak. Berikut adalah contoh mentah dalam JavaScript: Apa itu Hoisting? Langsung ke intinya: alasan Anda dapat memanggil fungsi (deklerasi) sebelum dideklarasikan dalam kode, adalah karena ia diangkat dengan nilai fungsi yang sebenarnya.

Seperti judulnya, saya akan membuat cerita panjangnya sesingkat mungkin dan langsung masuk ke daging!

Apa itu Rantai Lingkup?

Rantai lingkup adalah cara untuk lin… Tidak. Berikut adalah contoh mentah dalam JavaScript:

const myVariable1 = "JavaScript";

function test1(){
  const functionVariable1=1;

  function test2(){
    const functionVariable2=2;
    
    console.log(`${myVariable1} , ${functionVariable1} , ${functionVariable2}`);
  }
  
  test2();
}

test1();

Apa itu Mengangkat?

Langsung ke intinya: alasan Anda dapat memanggil fungsi (deklerasi) sebelum dideklarasikan dalam kode, adalah karena ia diangkat dengan nilai fungsi yang sebenarnya. Hoisting berlangsung dalam fase pemindaian tepat sebelum eksekusi kode. Anda dapat mencari lebih lanjut tentang informasi pengangkat variabel dan nilai awal. Ingat, ini adalah ikhtisar singkat.

Apa itu TDZ?

TDZ adalah singkatan dari Temporal Dead Zone yang pada dasarnya merupakan bagian dari kode yang variabel const,let tidak dapat dijangkau. Secara intuitif, ini dimulai dari baris pertama kode dan berlangsung hingga Anda mendeklarasikan variabel let atau const .

Referensi:

https://udn.realityripple.com/docs/Glossary/Hoisting