Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menulis kaedah javascript

Bagaimana untuk menulis kaedah javascript

PHPz
Lepaskan: 2023-04-24 11:21:10
asal
669 orang telah melayarinya

JavaScript ialah bahasa skrip sebelah pelanggan yang popular digunakan untuk menambah interaktiviti dan dinamik pada halaman web. Ia mempunyai set yang kaya dengan fungsi dan kaedah terbina dalam, dan juga membolehkan pengguna menulis fungsi dan kaedah mereka sendiri untuk mencapai fungsi tertentu. Di bawah, kami akan membincangkan cara menulis kaedah JavaScript.

1. Sintaks

Dalam JavaScript, kaedah ialah blok kod boleh guna semula yang dipanggil dengan nama tertentu. Sintaksnya adalah seperti berikut:

function methodName(param1, param2, ..., paramN) {
  //方法体
  return value;
}
Salin selepas log masuk

Antaranya, methodName ialah nama kaedah, param1, param2,..., paramN ialah parameter kaedah, badan kaedah ialah blok kod JavaScript , dan nilai ialah nilai pulangan.

2. Parameter

Kaedah ini boleh menerima sebarang bilangan parameter, tetapi sila ambil perhatian perkara berikut:

  • Parameter adalah pilihan dan boleh digunakan semasa mentakrifkan pengisytiharan kaedah, yang juga boleh diluluskan apabila memanggil kaedah.
  • Parameter mempunyai jenis, tetapi JavaScript ialah bahasa yang ditaip secara dinamik, jadi sebarang jenis parameter boleh dihantar.
  • Nilai lalai boleh digunakan untuk parameter Jika tiada parameter diluluskan apabila kaedah dipanggil, nilai lalai akan digunakan.

Contohnya:

function greet(name = "World") {
  console.log(`Hello, ${name}!`);
}
greet(); //输出 Hello, World!
greet("Alice"); //输出 Hello, Alice!
Salin selepas log masuk

3 Nilai pulangan Kaedah

boleh mengembalikan sebarang jenis nilai, contohnya:

function myFunction() {
  return "Hello, world!";
}

let result = myFunction(); // result 的值为 "Hello, world!"
Salin selepas log masuk
<.>Sila Ambil perhatian bahawa jika kaedah tidak menyatakan nilai pulangan, atau nilai pulangan tidak ditentukan, nilai pulangan tidak ditentukan.

4. Skop

Skop kaedah adalah serupa dengan pembolehubah. Pembolehubah yang diisytiharkan dalam kaedah hanya boleh diakses dalam kaedah itu. Pembolehubah yang diisytiharkan di luar kaedah boleh digunakan sepanjang skrip, contohnya:

let globalVariable = "I'm a global variable.";

function myFunction() {
  let localVariable = "I'm a local variable.";

  console.log(globalVariable); //输出 "I'm a global variable."
  console.log(localVariable); //输出 "I'm a local variable."
}

myFunction();
console.log(globalVariable); //输出 "I'm a global variable."
console.log(localVariable); //输出一个 ReferenceError: localVariable 未定义
Salin selepas log masuk
5. Enkapsulasi dan Penggunaan Semula Kaedah

ialah cara yang sangat berguna untuk merangkum dan menggunakan semula kod. Seperti yang diperlukan, kaedah boleh diisytiharkan di seluruh skrip supaya ia boleh dirujuk apabila diperlukan. Ini mengelakkan pertindihan kod dan memudahkan kod.

Contohnya:

function getFullName(firstName, lastName) {
  return `${firstName} ${lastName}`;
}

let name1 = getFullName("Alice", "Smith"); // name1 的值为 "Alice Smith"
let name2 = getFullName("Bob", "Johnson"); // name2 的值为 "Bob Johnson"
Salin selepas log masuk
6 Kaedah contoh dan kaedah statik

Kaedah boleh menjadi kaedah contoh atau kaedah statik. Kaedah contoh ialah kaedah yang dilampirkan pada objek, manakala kaedah statik dipanggil pada objek tanpa memerlukan contoh.

Sebagai contoh, kod berikut menunjukkan cara untuk melebihkan kaedah contoh dan kaedah statik:

class MyClass {
  //实例方法
  myMethod() {
    console.log("This is an instance method.");
  }

  //静态方法
  static myStaticMethod() {
    console.log("This is a static method.");
  }
}

let myObject = new MyClass(); //创建一个 MyClass 实例
myObject.myMethod(); //输出 "This is an instance method."
MyClass.myStaticMethod(); //输出 "This is a static method."
Salin selepas log masuk
7.Fungsi Anak Panah ES6

ES6 memperkenalkan sintaks fungsi anak panah, yang menyediakan Cara yang lebih ringkas untuk menulis fungsi. Sintaks fungsi anak panah adalah seperti berikut:

(param1, param2, ...paramN) => { statements }
Salin selepas log masuk
Fungsi anak panah mempunyai ciri-ciri berikut:

    Jika blok kod mengandungi hanya satu baris nilai pulangan, kerinting pendakap dan kata kunci pulangan boleh ditinggalkan .
  • Jika terdapat hanya satu parameter, kurungan boleh ditinggalkan.
  • Fungsi anak panah tidak memerlukan nama fungsi, jadi ia tidak boleh digunakan sebagai pembina atau memanggil kaedah panggilan, gunakan dan ikat.
Contohnya:

//常规函数
function add(a, b) {
  return a + b;
}

//箭头函数
let add = (a, b) => a + b;

let result = add(1, 2); // result 的值为 3
Salin selepas log masuk
Ringkasan

JavaScript ialah bahasa skrip pihak klien yang berkuasa yang membolehkan pengguna menulis kaedah mereka sendiri untuk melaksanakan fungsi tertentu . Kaedah boleh menerima sebarang bilangan parameter, boleh mengembalikan sebarang jenis nilai, dan boleh menggunakan semula dan merangkum kod. Dalam ES6, sintaks fungsi anak panah juga diperkenalkan untuk menjadikan fungsi penulisan lebih ringkas.

Atas ialah kandungan terperinci Bagaimana untuk menulis kaedah javascript. 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