Skop dalam Javascript

Hai semua, Selamat Datang ke Blog saya

Saya Swarnendu. Dalam blog ini, saya akan menerangkan konsep Scopping dalam JavaScript.

Javascript ialah salah satu bahasa yang paling menarik dan ia melakukan beberapa perkara menarik dalam kes Scopping. Jika anda menguasai skop dalam Javascript, ini akan membantu anda menulis lebih banyak kod bebas pepijat. Kekal dengan artikel ini, kami akan mendalami Skop Javascript.

Apakah Skop ??
Skop ialah konsep Javascript yang merujuk kepada konteks pelaksanaan semasa di mana nilai dan ungkapan boleh diakses. Dalam istilah yang lebih mudah, skop menentukan tempat pembolehubah dan fungsi boleh diakses atau dirujuk dalam kod anda.

Jangan risau jika anda tidak boleh mendapatkan definisi teknikal ini. Sepanjang artikel ini, saya akan memberikan contoh praktikal kehidupan sebenar untuk pemahaman yang lebih baik.

Skop terutamanya dua jenis-- 1. Skop Global
2. Skop Tempatan

Dua jenis Skop Tempatan ialah -- Skop Blok dan Skop Fungsian.

Bayangkan anda menganjurkan acara Perkahwinan rakan anda, dan anda mempunyai kerja yang berbeza untuk diuruskan seperti hiasan, jemputan, katering, dll. Setiap kerja/tugas ini mempunyai perkara khusus yang perlu anda lakukan dan
jelas sekali, anda tidak mahu mengganggu tugasan ini antara satu sama lain. Jadi kami menyelesaikan masalah ini menggunakan konsep skop javascript.

Skop Global:

Skop Global adalah seperti Penganjur Utama acara Perkahwinan, untuk kes ini, anda adalah skop global yang mempunyai akses kepada semua tugas(pembolehubah) seperti hiasan, jemputan, katering, dll. anda boleh melihat dan mengawal setiap bahagian daripada acara tersebut.

Apabila pembolehubah yang diisytiharkan di luar mana-mana fungsi/blok berada dalam skop global. Pembolehubah global ini boleh diakses dari mana-mana sahaja dalam kod.

`var globalVariable = "Saya pembolehubah global";

fungsi fungsi() {
console.log(globalVariable);

}

func(); // "Saya pembolehubah global"
console.log(globalVariable); // Boleh diakses di sini juga
`
Dalam contoh di atas, globalVariable diisytiharkan dalam skop global kod supaya ia boleh diakses di mana-mana dalam kod ini.

Skop Tempatan:

Apabila pembolehubah yang diisytiharkan di dalam fungsi atau blok berada dalam skop setempat. Pembolehubah ini boleh diakses hanya di dalam fungsi atau blok.

Sekarang di majlis perkahwinan rakan anda, mesti ada pengurus tugas untuk setiap tugas. Untuk katering akan ada pengurus katering, begitu juga pengurus hiasan, dan pengurus jemputan. Setiap pengurus bekerja secara bebas dan tidak mengganggu orang lain.

A. Skop Kefungsian:

Var: Setiap kali kita menggunakan var bila-bila masa di dalam fungsi pembolehubah mendapat skop fungsi jika kita menggunakan fungsi luar tidak kira jika ia ditutup dalam blok atau tidak ia akan memberikan pembolehubah global.

`fungsi fungsi() {
var localVariable = "Saya daripada pembolehubah tempatan";
console.log(localVariable); // localVariable Boleh Diakses di sini
}

func();
console.log(localVariable); //Berikan Ralat: localVariable tidak ditakrifkan
`
Untuk contoh saya di atas, anda boleh bayangkan pengurus katering mempunyai senarai item menu(pembolehubah) yang hanya berkaitan dengan katering. Begitu juga, pembolehubah yang diisytiharkan di dalam fungsi hanya berkaitan (bermakna boleh diakses) untuk fungsi itu.

B. Skop Blok:

Biar: apabila kita memulakan pembolehubah dengan biarkan ia sentiasa mendapat skop blok yang disertakan. 'biar' juga tidak membenarkan pengisytiharan semula.

Const: Ia serupa dengan 'let' tetapi tidak boleh menetapkan semula nilai baharu kepada pembolehubah(Yang mungkin dalam 'let').

`fungsi fungsi() {
jika (benar) {
let blockVariable = "Saya daripada pembolehubah berskop blok";
console.log(blockVariable); // blockVariable Boleh Diakses di sini
}
console.log(blockVar); // Ralat: blockVariable tidak ditakrifkan
}

func();
`
Di sini blockVariable hanya boleh diakses dalam blok if kerana ia diisytiharkan dengan 'let'.

Untuk contoh di atas, Sekarang dalam kerja katering, mungkin terdapat tugas yang lebih kecil seperti "Sediakan pencuci mulut" dan "Sediakan Ayam". Jika pengurus katering menulis senarai rempah/pencuci mulut(pembolehubah dalam satu blok), itu hanya relevan/berguna semasa menyediakan ayam/pencuci mulut dan disimpan sebaik sahaja tugasan itu tamat.

Ringkasnya, Socpe dalam Javascript adalah tentang mengawal tempat pembolehubah boleh diakses, begitu juga, anda menguruskan tugas di majlis perkahwinan rakan anda.

Saya harap anda memahami skop Javascript dan perbezaan utama antara let dan var. Jika anda suka, Anda boleh mengikuti untuk Blog Javascript yang akan datang dan juga memuji apakah perkara yang perlu saya perbaiki dalam penulisan saya.

Terima Kasih ?.

Atas ialah kandungan terperinci Skop dalam Javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!