Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > kaedah dalam javascript fungsi

kaedah dalam javascript fungsi

PHPz
Lepaskan: 2023-05-09 18:01:38
asal
466 orang telah melayarinya

JavaScript ialah salah satu bahasa yang biasa digunakan untuk pembangunan bahagian hadapan. Dalam JavaScript, kami sering menggunakan fungsi untuk merangkum beberapa kod yang boleh digunakan semula untuk mencapai modulariti dan kebolehselenggaraan kod. Di dalam fungsi, kita boleh menentukan beberapa kaedah untuk melaksanakan beberapa fungsi tertentu Kaedah ini juga dipanggil kaedah dalaman fungsi.

Dalam artikel ini, kita akan membincangkan penggunaan dan pelaksanaan kaedah dalaman fungsi, termasuk aspek berikut:

  1. Apakah kaedah dalaman fungsi
  2. Fungsi dalaman peranan dan kelebihan kaedah
  3. Cara melaksanakan kaedah dalaman fungsi
  4. Contoh penggunaan dan langkah berjaga-jaga

Apakah kaedah dalaman fungsi

Kaedah dalaman berfungsi, juga dikenali sebagai kaedah persendirian fungsi, merujuk kepada kaedah dengan fungsi khusus yang ditakrifkan di dalam fungsi. Kaedah ini hanya boleh diakses atau dipanggil di dalam fungsi, tetapi tidak boleh digunakan atau dipanggil di luar fungsi. Kaedah fungsi-dalaman agak serupa dengan fungsi JavaScript biasa, tetapi skopnya lebih kecil dan ia hanya sah dalam fungsi tersebut.

2. Peranan dan kelebihan kaedah dalaman fungsi

  1. Mencapai modularisasi kod
    Dengan mentakrifkan beberapa kaedah dalaman, kita boleh membahagikan kod kompleks secara logik kepada beberapa modul mudah, supaya kebolehbacaan, kebolehselenggaraan dan kebolehgunaan semula kod akan dipertingkatkan.
  2. Elakkan konflik penamaan
    Oleh kerana kaedah dalaman ditakrifkan di dalam fungsi, konflik penamaan dengan fungsi dan pembolehubah lain dalam ruang nama global boleh dielakkan dengan berkesan.
  3. Tingkatkan keselamatan
    Dengan merangkum beberapa kaedah dan atribut penting di dalam fungsi, anda boleh mengehadkan akses dan pengubahsuaian maklumat sensitif dengan berkesan dan memastikan keselamatan program.

3. Bagaimana untuk melaksanakan kaedah di dalam fungsi

  1. Gunakan literal objek

Tentukan literal objek di dalam fungsi untuk menggabungkan semua sifat Peribadi dan kaedah diperlukan untuk ditakrifkan sebagai sifat dan kaedah objek. Kaedah ini mudah dan intuitif untuk dilaksanakan, dan sesuai untuk senario dengan fungsi kecil dan logik mudah.

Kod sampel:

function fn() {
  const privateMethod = () => {
    // 实现代码逻辑
  }

  return {
    publicMethod() {
      // 实现代码逻辑
    }
  }
}
Salin selepas log masuk

Apabila memanggil fungsi melalui fn(), ia mengembalikan objek di mana kita boleh memanggil kaedah publicMethod(). Kaedah privateMethod() tidak boleh diakses terus dari luar fungsi.

  1. Gunakan penutupan

Tentukan penutupan di dalam fungsi, dan tentukan pembolehubah persendirian dan kaedah yang perlu diakses sebagai pembolehubah konteks penutupan. Prinsip pelaksanaan kaedah ini adalah untuk memanfaatkan ciri skop JavaScript dan menyimpan kaedah dan sifat yang perlu dirangkumkan ke dalam rantai skop, dengan itu mencapai kesan peribadi.

Kod sampel:

function fn() {
  const privateNum = 0;

  const privateMethod = () => {
    // 实现代码逻辑
  }

  const publicMethod = () => {
    // 实现代码逻辑
  }

  return publicMethod;
}
Salin selepas log masuk

Apabila memanggil fungsi melalui fn(), kaedah publicMethod() dikembalikan dan kedua-dua kaedah privateNum dan privateMethod() disimpan sebagai pembolehubah konteks bagi penutupan dalam rantaian skop.

4. Contoh penggunaan dan langkah berjaga-jaga

Andaikan kita kini perlu merangkum struktur data yang kompleks, yang merangkumi beberapa sifat dan kaedah peribadi. Kita boleh menggunakan kaedah dalaman fungsi untuk mencapai modulariti dan kebolehbacaan kod.

function myData() {
  const data = [];

  const validate = (value) => {
    // 判断 value 是否合法
  }

  const add = (value) => {
    if (validate(value)) {
      data.push(value);
    }
  }

  const remove = (value) => {
    if (validate(value)) {
      const index = data.indexOf(value);
      if (index !== -1) {
        data.splice(index, 1);
      }
    }
  }

  return {
    add,
    remove,
    getData() {
      return data;
    }
  }
}

const md = myData();
md.add(1);
md.add(2);
md.add(3);
console.log(md.getData()); // [1, 2, 3]
md.remove(2);
console.log(md.getData()); // [1, 3]
Salin selepas log masuk

Dalam kod di atas, kami mentakrifkan fungsi bernama myData, yang mengandungi sifat peribadi data dan kaedah persendirian validate, serta mendedahkan kaedah add dan remove dan getData. Dengan cara ini, kami boleh melaksanakan operasi selamat pada data struktur data dan menggunakan kaedah luaran dengan mudah.

Apabila menggunakan kaedah dalaman fungsi, anda perlu memberi perhatian kepada beberapa butiran:

  1. Kaedah di dalam fungsi tidak boleh mengakses sifat atau kaedah luaran melalui kata kunci this.
  2. Kaedah dalaman fungsi tidak boleh digunakan sebagai pembina fungsi.
  3. Apabila menggunakan kaedah dalaman fungsi, anda perlu memberi perhatian kepada perbezaan antara pelaksanaan objek literal dan penutupan.

Ringkasan:

Menggunakan kaedah dalaman fungsi dalam JavaScript boleh meningkatkan kebolehbacaan, kebolehselenggaraan dan keselamatan kod dengan berkesan. Kita boleh menggunakan literal objek atau penutupan untuk melaksanakan kaedah dalaman fungsi. Anda perlu memberi perhatian kepada butiran apabila menggunakannya untuk memanfaatkan sepenuhnya kaedah dalaman fungsi tersebut.

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

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan