Javascript: Konteks eksekusi

Saat kode yang kami tulis sedang berjalan, ada proses di latar belakang yang tidak kami lihat. Saat mesin Javascript membaca dan mengeksekusi kode, ia melakukannya dalam 2 tahap. Proses umum ini, yang disebut konteks eksekusi , memiliki 2 tahap, seperti yang kami sebutkan sebagai fase pembuatan dan fase eksekusi .

Pada tahap pertama, disebut fase pembuatan , mesin JS melakukan semacam pengenalan kode dan pekerjaan persiapan. Membuat Konteks, mengalokasikan memori untuk menyimpan variabel dan fungsi. Pada tahap berikutnya, yaitu fase eksekusi , mesin JS menetapkan nilai yang telah kita sebutkan ke variabel yang sudah dikenalnya, dan memanggil fungsi.

Kita bisa membandingkannya dengan menyiapkan sejenis makanan. Dari awal kita akan mengetahui aksesoris apa saja yang dibutuhkan untuk makanan yang akan kita siapkan (tahap Penciptaan).

Kemudian kami menentukan jumlah perbekalan dan memulai tindakan menyiapkan makanan (fase Eksekusi).

Saat kode dieksekusi untuk pertama kali, konteks eksekusi global pertama kali dibuat dan fase yang disebutkan dieksekusi. Kemudian, jika fungsi ada dan dipanggil, konteks eksekusi fungsional dibuat dan kedua fase dieksekusi.

Secara praktis kita dapat melihat semua ini dengan kode di bawah ini.

1. Saat kode ini dibaca oleh mesin, konteks global akan dibuat terlebih dahulu .

2. Jika Anda perhatikan, tidak ada yang dilakukan dengan variabel teknologi di fungsi getTechStack . Ini karena variabelnya ada di dalam fungsi getTechStack . Setelah fungsi ini dipanggil seperti pada baris 9, konteks fungsional baru akan dibuat dan 2 fase akan dijalankan lagi dalam konteks ini. Hanya dengan begitu variabel teknologi akan diperlakukan seperti variabel lainnya.

Berbeda dengan konteks global , objek global dalam konteks fungsional akan setara dengan objek argumen , yang mengacu pada parameter fungsi.

Jadi setiap kali suatu fungsi dipanggil selain konteks global, konteks baru akan dibuat dan prosedur yang sama akan diulang.

Terima kasih telah membaca. :)

Topik lainnya:

• Perbedaan antara Peta dan Peta Lemah || Javascript