panggilan kaedah kawalan javascript

JavaScript ialah bahasa skrip yang digunakan secara meluas yang boleh mencapai banyak kesan interaktif yang menarik. Dalam JavaScript, kita boleh menggunakan pelbagai kaedah (fungsi) untuk melaksanakan tugas yang berbeza. Tetapi kadangkala kita perlu mengawal panggilan kaedah ini dalam keadaan tertentu, yang memerlukan penggunaan beberapa teknik untuk mengawal panggilan kaedah.

Artikel ini akan memperkenalkan teknik yang biasa digunakan dalam JavaScript untuk mengawal panggilan kaedah, termasuk pernyataan bersyarat, pernyataan gelung, pengikatan peristiwa dan kaedah lain. Kami akan memperkenalkan teknik ini satu demi satu untuk membantu pembaca lebih memahami cara mengawal panggilan kaedah dalam JavaScript.

1. Pernyataan bersyarat

Pernyataan bersyarat ialah teknik yang biasa digunakan untuk mengawal panggilan kaedah Ia boleh melaksanakan blok kod yang berbeza berdasarkan syarat yang berbeza. Dalam JavaScript, pernyataan bersyarat biasa termasuk pernyataan if dan pernyataan tukar.

1. penyataan if

penyataan if digunakan untuk melaksanakan blok kod yang berbeza berdasarkan syarat. Struktur sintaksnya adalah seperti berikut:

if (条件表达式) {
    // 如果条件表达式为 true，则执行这里的代码块。
}

Berikut ialah contoh pernyataan if yang mudah:

var age = 18;
if (age >= 18) {
    console.log("成年人");
} else {
    console.log("未成年人");
}

Dalam contoh di atas, jika umur lebih besar daripada atau sama dengan 18, "dewasa" akan menjadi output, jika tidak "Minor" akan menjadi output.

2. penyataan suis

Pernyataan suis digunakan untuk melaksanakan blok kod yang berbeza berdasarkan berbilang syarat. Struktur sintaksnya adalah seperti berikut:

switch (表达式) {
  case 值1:
    // 执行代码块 1
    break;
  case 值2:
    // 执行代码块 2
    break;
  default:
    // 执行默认代码块
}

Berikut ialah contoh pernyataan suis mudah:

var day = 2;
switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  default:
    console.log("其他");
}

Dalam contoh di atas, jika hari bersamaan dengan 1, "Isnin" akan dikeluarkan, jika hari bersamaan dengan 2, "Selasa" akan menjadi output Jika hari bersamaan dengan 3, "Rabu" akan menjadi output, jika tidak "Lain" akan menjadi output.

2. Penyataan gelung

Penyataan gelung ialah satu lagi teknik yang biasa digunakan untuk mengawal panggilan kaedah berulang kali sehingga satu keadaan tertentu dicapai. Dalam JavaScript, penyataan gelung biasa termasuk untuk gelung, gelung manakala dan gelung buat sementara.

1. untuk gelung

Gelung for ialah pernyataan gelung yang biasa digunakan yang boleh melaksanakan blok kod berdasarkan syarat yang ditentukan. Struktur sintaksnya adalah seperti berikut:

for (初始化语句; 条件表达式; 增量表达式) {
  // 执行代码块
}

Berikut ialah contoh gelung mudah:

for (var i = 0; i < 10; i++) {
    console.log(i);
}

Dalam contoh di atas, nilai awal pembolehubah i ialah 0, dan kemudian blok kod ialah dilaksanakan dalam gelung, setiap kali Naikkan sebanyak 1 sehingga nilai i lebih besar daripada atau sama dengan 10.

2. gelung while

Gelung while juga merupakan pernyataan gelung yang biasa digunakan, yang boleh berulang kali melaksanakan sekeping kod jika syarat yang ditetapkan dipenuhi. Struktur sintaks adalah seperti berikut:

while (条件表达式) {
  // 执行代码块
}

Berikut ialah contoh gelung sambil yang mudah:

var i = 0;
while (i < 10) {
    console.log(i);
    i++;
}

Dalam contoh di atas, nilai awal pembolehubah i ialah 0, dan kemudian apabila keadaan i< ;10 dipenuhi Blok kod dilaksanakan berulang kali, meningkat sebanyak 1 setiap kali, sehingga nilai i lebih besar daripada atau sama dengan 10.

3. gelung do-while

Gelung do-while adalah serupa dengan gelung while, satu-satunya perbezaan ialah ia akan melaksanakan blok kod sekali dan kemudian semak sama ada syaratnya dipenuhi. Struktur sintaks adalah seperti berikut:

do {
  // 执行代码块
} while (条件表达式);

Berikut ialah contoh gelung do-while yang mudah:

var i = 0;
do {
    console.log(i);
    i++;
} while (i < 10);

Dalam contoh di atas, nilai awal pembolehubah i ialah 0, dan kemudian kod blok dilaksanakan sekali , laksanakan blok kod berulang kali di bawah syarat i<10, meningkat sebanyak 1 setiap kali sehingga nilai i lebih besar daripada atau sama dengan 10.

3. Pengikatan peristiwa

Pengikatan peristiwa juga merupakan teknik yang biasa digunakan untuk mengawal panggilan kaedah, yang boleh melaksanakan kod tertentu apabila peristiwa tertentu berlaku. Dalam JavaScript, acara biasa termasuk acara tetikus, acara papan kekunci, acara borang, dsb.

Terdapat banyak cara untuk mengikat acara termasuk pengikatan langsung, menggunakan perwakilan acara, menggunakan perpustakaan pihak ketiga, dsb.

1. Pengikatan langsung

Pengikatan langsung ialah kaedah pengikatan peristiwa yang paling biasa, yang boleh dilaksanakan dalam elemen HTML atau melalui JavaScript. Struktur sintaks adalah seperti berikut:

element.addEventListener(event, function, useCapture);

Berikut ialah contoh pengikatan peristiwa mudah:

var btn = document.getElementById("btn");
btn.addEventListener("click", function() {
    alert("Hello world!");
});

Dalam contoh di atas, apabila pengguna mengklik pada elemen dengan id btn, kotak gesaan akan muncul , memaparkan "Hello world!".

2. Delegasi acara

Delegasi acara ialah cara yang cekap untuk mengikat acara kepada elemen bekas dan bukannya setiap elemen kanak-kanak. Apabila elemen kanak-kanak menyalakan acara, acara itu menggelembung ke elemen bekas, melaksanakan kod yang sepadan. Struktur sintaks adalah seperti berikut:

container.addEventListener(eventType, function(event) {
  if (event.target.matches(selector)) {
    // 执行代码块
  }
});

Berikut ialah contoh delegasi acara mudah:

var list = document.getElementById("list");
list.addEventListener("click", function(event) {
    if (event.target.nodeName === "LI") {
        alert(event.target.innerHTML);
    }
});

Dalam contoh di atas, apabila pengguna mengklik pada elemen kontena dengan id senarai, sasaran klik akan ditentukan Sama ada elemen itu elemen li, jika ya, kotak gesaan akan muncul untuk memaparkan kandungan teks yang sepadan.

4. Ringkasan

Teknik panggilan kaedah kawalan dalam JavaScript termasuk pernyataan bersyarat, pernyataan gelung, pengikatan peristiwa dan kaedah lain. Kita boleh memilih kaedah yang sesuai untuk mengawal panggilan kaedah mengikut keperluan yang berbeza, dengan itu mencapai kesan interaktif yang lebih menarik.

Dalam pembangunan sebenar, kita perlu memilih teknik yang sesuai mengikut situasi tertentu dan secara fleksibel menggunakan pelbagai kaedah untuk mencapai fungsi yang diperlukan. Pada masa yang sama, anda juga perlu memberi perhatian untuk mengawal bilangan dan kekerapan panggilan kaedah untuk mengelakkan menjejaskan prestasi halaman web dan pengalaman pengguna.

Atas ialah kandungan terperinci panggilan kaedah kawalan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!