Apakah itu Hoisting dalam JavaScript?

Bayangkan anda sedang membuat persediaan untuk pertunjukan silap mata. Sebelum memulakan, ahli silap mata mengatur semua barang yang akan digunakannya di atas pentas, meletakkan kad, arnab dan topi di tempat yang betul. Ini membantu dia melakukan helah tanpa kacau.

Dalam JavaScript, sesuatu yang serupa berlaku apabila anda menulis kod anda. "Ahli silap mata", dalam kes ini, ialah JavaScript, yang mengatur beberapa perkara sebelum mula menjalankan program. Organisasi automatik ini dipanggil angkat.

---

Bagaimana Pengangkat Berfungsi?

1. Tetapan Pertama:
   JavaScript membawa semua pengisytiharan pembolehubah dan fungsi dan "memanjat"nya ke bahagian atas kod. Seolah-olah dia berkata: "Sebelum saya mula, saya akan memisahkan semua yang penting supaya saya tidak tersesat."

2. Penting:
   Hanya pengisytiharan dialihkan ke bahagian atas, bukan nilai yang diberikan. Seolah-olah anda berkata, "Hei, topi ajaib ini wujud!", tetapi JavaScript hanya mengetahui cara menggunakan topi apabila ia tiba pada masa yang sesuai dalam kod.

---

Contoh Mudah

Lihat kod ini:

console.log(meuNome); // undefined
var meuNome = "Jonas";
console.log(meuNome); // Jonas

Pada mulanya ia kelihatan pelik: Bagaimanakah JavaScript mengetahui bahawa myName wujud sebelum saya mengisytiharkannya?

Ini berlaku kerana dia melakukan perkara seperti ini di belakang tabir:

var meuNome; // Declaração "subiu"
console.log(meuNome); // undefined
meuNome = "Jonas"; // Valor atribuído
console.log(meuNome); // Jonas

Dalam erti kata lain, ia menambah pengisytiharan pembolehubah Nama saya, tetapi hanya memberikan nilai "Jonas" di tempat yang betul.

Mengangkat dengan biar dan konst

Kini, terdapat perbezaan penting: jika anda menggunakan let atau const, JavaScript tidak membenarkan anda menggunakan pembolehubah sebelum mengisytiharkan.
Lihatlah:

console.log(idade); // Erro: Cannot access 'idade' before initialization
let idade = 14;

Ini berlaku kerana let dan const "disimpan" di kawasan khas dan hanya boleh digunakan selepas anda mengisytiharkannya.

Mengangkat dengan Fungsi

Fungsi dalam JavaScript juga "dinaikkan". Lihat contoh ini:

cumprimentar();

function cumprimentar() {
  console.log("Olá!");
}

Malah memanggil fungsi sebelum mengisytiharkan, ia berfungsi! Ini berlaku kerana JavaScript "memanjat" keseluruhan fungsi ke bahagian atas kod.

Kesimpulan

Hoisting seolah-olah JavaScript adalah ahli silap mata yang sangat teratur: ia mengambil pandangan pantas pada kod anda sebelum ia mula dijalankan, memisahkan semua pembolehubah dan pengisytiharan fungsi, dan selepas itu barulah persembahan bermula.

Tetapi ingat: dengan kuasa yang besar datang tanggungjawab yang besar. Menggunakan pengangkat tanpa memahami ia boleh menyebabkan kekeliruan. Jadi, isytiharkan pembolehubah dan fungsi anda dengan berhati-hati supaya kod anda lebih jelas dan teratur!

Atas ialah kandungan terperinci Apakah itu Hoisting dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!