Rumah hujung hadapan web tutorial js Kuasai sarang dan skop fungsi JavaScript

Kuasai sarang dan skop fungsi JavaScript

Nov 03, 2023 pm 07:55 PM
javascript Skop Fungsi bersarang

Kuasai sarang dan skop fungsi JavaScript

Untuk menguasai sarang dan skop fungsi JavaScript, contoh kod khusus diperlukan

Dalam pengaturcaraan JavaScript, fungsi ialah konsep yang sangat penting. Fungsi bersarang dan skop boleh meningkatkan kebolehbacaan dan fleksibiliti kod. Artikel ini menerangkan cara menggunakan fungsi dan skop bersarang dengan betul serta menyediakan contoh kod khusus.

Persarang fungsi boleh difahami sebagai mentakrifkan fungsi lain dalam satu fungsi. Kaedah bersarang ini boleh membahagikan kod kepada beberapa blok kecil, menjadikan logik program lebih jelas. Pada masa yang sama, fungsi bersarang juga boleh mengakses pembolehubah dalam fungsi luaran, meningkatkan fleksibiliti program.

Berikut ialah contoh yang menunjukkan sarang fungsi:

function outerFunction() {
  var outerVariable = "outer";
  
  function innerFunction() {
    var innerVariable = "inner";
    console.log(outerVariable + " - " + innerVariable);
  }
  
  innerFunction();
}

outerFunction();
Salin selepas log masuk

Dalam contoh di atas, OuterFunction ialah fungsi luaran dan innerFunction bersarang dalam fungsi luaran dalaman fungsi. Dalam fungsi dalam, kita boleh mengakses pembolehubah outerVariable yang diisytiharkan dalam fungsi luar. Menjalankan kod di atas akan mengeluarkan outer - inner, yang menunjukkan bahawa fungsi dalaman boleh mengakses pembolehubah fungsi luaran secara normal. outerFunction是外部函数,innerFunction是嵌套在外部函数中的内部函数。在内部函数中,我们可以访问外部函数中声明的变量outerVariable。运行上述代码,将会输出outer - inner,这说明内部函数能够正常地访问外部函数的变量。

除了函数的嵌套,作用域也是一个重要的概念。作用域定义了变量的可见范围,决定了变量的生命周期。在JavaScript中,作用域有全局作用域和局部作用域之分。

下面是一个示例,演示了作用域的概念:

var globalVariable = "global";

function outerFunction() {
  var outerVariable = "outer";
  
  function innerFunction() {
    var innerVariable = "inner";
    
    console.log(globalVariable); // 输出 global
    console.log(outerVariable); // 输出 outer
    console.log(innerVariable); // 输出 inner
  }
  
  innerFunction();
}

outerFunction();
console.log(globalVariable); // 输出 global
console.log(outerVariable); // 抛出异常,outerVariable未定义
console.log(innerVariable); // 抛出异常,innerVariable未定义
Salin selepas log masuk

在上面的示例中,globalVariable是全局变量,可以在任何地方访问。而在函数中声明的变量,如outerVariableinnerVariable

Selain fungsi bersarang, skop juga merupakan konsep penting. Skop mentakrifkan julat yang boleh dilihat bagi pembolehubah dan menentukan kitaran hayat pembolehubah tersebut. Dalam JavaScript, skop dibahagikan kepada skop global dan skop tempatan.

Berikut ialah contoh yang menunjukkan konsep skop:

rrreee

Dalam contoh di atas, globalVariable ialah pembolehubah global dan boleh diakses dari mana-mana sahaja. Pembolehubah yang diisytiharkan dalam fungsi, seperti outerVariable dan innerVariable, hanya boleh diakses di dalam fungsi. Apabila kita cuba mengakses pembolehubah ini di luar fungsi, pengecualian dilemparkan.
  1. Dengan menggunakan sarang dan skop fungsi secara rasional, kami boleh mengatur dan mengurus kod dengan lebih baik. Struktur kod ini menjadikan atur cara lebih mudah dibaca dan diselenggara, serta meningkatkan kebolehgunaan semula kod.
  2. Ringkasan:
  3. Sarang fungsi boleh membahagikan kod kepada berbilang blok kecil dan meningkatkan kejelasan logik program.
  4. Fungsi bersarang boleh mengakses pembolehubah dalam fungsi luaran, meningkatkan fleksibiliti kod.

Skop mentakrifkan skop pembolehubah yang boleh dilihat dan menentukan kitaran hayat pembolehubah.

🎜Skop global dan skop tempatan ialah dua jenis skop biasa dalam JavaScript. 🎜🎜🎜Saya harap contoh kod di atas dapat membantu anda memahami dengan lebih baik sarang dan skop fungsi JavaScript. Dengan amalan dan amalan, anda akan dapat menggunakan konsep ini untuk menulis kod JavaScript berkualiti tinggi. 🎜

Atas ialah kandungan terperinci Kuasai sarang dan skop fungsi JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penggunaan typedef struct dalam bahasa c Penggunaan typedef struct dalam bahasa c May 09, 2024 am 10:15 AM

typedef struct digunakan dalam bahasa C untuk mencipta alias jenis struktur untuk memudahkan penggunaan struktur. Ia alias jenis data baharu kepada struktur sedia ada dengan menentukan alias struktur. Faedah termasuk kebolehbacaan yang dipertingkatkan, penggunaan semula kod dan pemeriksaan jenis. Nota: Struktur mesti ditakrifkan sebelum menggunakan alias itu mestilah unik dalam program dan hanya sah dalam skop di mana ia diisytiharkan.

Bagaimana untuk menyelesaikan pembolehubah yang diharapkan dalam java Bagaimana untuk menyelesaikan pembolehubah yang diharapkan dalam java May 07, 2024 am 02:48 AM

Pengecualian nilai jangkaan pembolehubah dalam Java boleh diselesaikan dengan: memulakan pembolehubah menggunakan nilai nol menggunakan semakan dan tugasan;

Kelebihan dan kekurangan penutupan dalam js Kelebihan dan kekurangan penutupan dalam js May 10, 2024 am 04:39 AM

Kelebihan penutupan JavaScript termasuk mengekalkan skop pembolehubah, membolehkan kod modular, pelaksanaan tertunda, dan keburukan pengendalian peristiwa termasuk kebocoran memori, peningkatan kerumitan, overhed prestasi dan kesan rantaian skop.

Apa yang termasuk bermakna dalam c++ Apa yang termasuk bermakna dalam c++ May 09, 2024 am 01:45 AM

Arahan prapemproses #include dalam C++ memasukkan kandungan fail sumber luaran ke dalam fail sumber semasa, menyalin kandungannya ke lokasi yang sepadan dalam fail sumber semasa. Digunakan terutamanya untuk memasukkan fail pengepala yang mengandungi pengisytiharan yang diperlukan dalam kod, seperti #include <iostream> untuk memasukkan fungsi input/output standard.

Petunjuk pintar C++: analisis komprehensif kitaran hayat mereka Petunjuk pintar C++: analisis komprehensif kitaran hayat mereka May 09, 2024 am 11:06 AM

Kitaran hayat penunjuk pintar C++: Penciptaan: Penunjuk pintar dicipta apabila memori diperuntukkan. Pemindahan pemilikan: Pindahkan pemilikan melalui operasi pemindahan. Keluaran: Memori dikeluarkan apabila penunjuk pintar keluar dari skop atau dikeluarkan secara eksplisit. Pemusnahan objek: Apabila objek runcing dimusnahkan, penunjuk pintar menjadi penunjuk tidak sah.

Bolehkah definisi fungsi dan panggilan dalam C++ bersarang? Bolehkah definisi fungsi dan panggilan dalam C++ bersarang? May 06, 2024 pm 06:36 PM

boleh. C++ membenarkan definisi dan panggilan fungsi bersarang. Fungsi luaran boleh menentukan fungsi terbina dalam, dan fungsi dalaman boleh dipanggil terus dalam skop. Fungsi bersarang meningkatkan enkapsulasi, kebolehgunaan semula dan kawalan skop. Walau bagaimanapun, fungsi dalaman tidak boleh mengakses pembolehubah tempatan fungsi luaran secara langsung, dan jenis nilai pulangan mesti konsisten dengan pengisytiharan fungsi luaran Fungsi dalaman tidak boleh rekursif sendiri.

Perbezaan antara let dan var dalam vue Perbezaan antara let dan var dalam vue May 08, 2024 pm 04:21 PM

Dalam Vue, terdapat perbezaan dalam skop apabila mengisytiharkan pembolehubah antara let dan var: Skop: var mempunyai skop global dan let mempunyai skop peringkat blok. Skop peringkat blok: var tidak mencipta skop peringkat blok, mari buat skop peringkat blok. Pengisytiharan Semula: var membenarkan pembolehubah diisytiharkan semula dalam skop yang sama, jangan biarkan.

Terdapat beberapa situasi di mana ini dalam js menunjuk ke Terdapat beberapa situasi di mana ini dalam js menunjuk ke May 06, 2024 pm 02:03 PM

Dalam JavaScript, jenis penunjuk ini termasuk: 1. Objek global 2. Panggilan fungsi; 4. Pengendali acara; Selain itu, penunjuk kepada ini boleh ditetapkan secara eksplisit menggunakan kaedah bind(), call(), dan apply().

See all articles