masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

fungsi JavaScript

Fungsi ialah didorong peristiwa atau blok kod boleh guna semula yang dilaksanakan apabila ia dipanggil.

Sintaks fungsi JavaScript

Fungsi ialah blok kod yang dibalut dengan pendakap kerinting, didahului oleh fungsi kata kunci:

function functionname()
{
Laksanakan kod
}

Apabila fungsi ini dipanggil, kod dalam fungsi akan dilaksanakan.

Fungsi boleh dipanggil terus apabila peristiwa berlaku (seperti apabila pengguna mengklik butang) dan boleh dipanggil dari mana-mana sahaja oleh JavaScript.

Nota: JavaScript adalah sensitif huruf besar-kecil. Fungsi kata kunci mestilah huruf kecil, dan fungsi mesti dipanggil dengan kes yang sama dengan nama fungsi.

Panggil fungsi dengan parameter

Apabila anda memanggil fungsi, anda boleh menghantar nilainya, yang dipanggil parameter.

Parameter ini boleh digunakan dalam fungsi.

Anda boleh menghantar seberapa banyak parameter yang anda mahu, dipisahkan dengan koma (,):

myFunction(argument1,argument2)

Apabila anda Apabila mengisytiharkan fungsi, sila isytiharkan parameter sebagai pembolehubah:

function myFunction(var1,var2)
{
Kod
}

Pembolehubah dan parameter mesti muncul dalam susunan yang sama. Pembolehubah pertama ialah nilai yang diberikan bagi parameter pertama yang diluluskan, dan seterusnya. 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('哈利波特','Wizard')">点击这里</button>
<script>
    function myFunction(name,job){
        alert("Welcome " + name + ", the " + job);
    }
</script>
</body>
</html>

Fungsi di atas akan menggesa "Selamat Datang Harry, Wizard" apabila butang diklik.

Jalankan program dan cuba

Fungsi dengan nilai pulangan

Kadangkala, kita mahukan fungsi untuk mengembalikan nilai ke tempat ia dipanggil.

Ini boleh dicapai dengan menggunakan penyata pulangan.

Apabila menggunakan pernyataan pulangan, fungsi menghentikan pelaksanaan dan mengembalikan nilai yang ditentukan.

Sintaks

function myFunction()
{
var x=5;
return x;
}

Fungsi di atas akan mengembalikan nilai 5.

Nota: Keseluruhan JavaScript tidak akan menghentikan pelaksanaan, hanya fungsinya. JavaScript akan terus melaksanakan kod dari tempat fungsi itu dipanggil.

Panggilan fungsi akan digantikan dengan nilai pulangan:

var myVar=myFunction();

Nilai pembolehubah myVar ialah 5, yang merupakan fungsi" myFunction()" nilai yang dikembalikan.

Anda boleh menggunakan nilai pulangan walaupun tanpa menyimpannya sebagai pembolehubah:

document.getElementById("demo").innerHTML=myFunction();

InnerHTML elemen "demo" ialah 5, iaitu nilai yang dikembalikan oleh fungsi "myFunction()".

Anda boleh mendasarkan nilai pulangan pada argumen yang dihantar ke dalam fungsi:

Instance

Kira hasil darab dua nombor dan kembalikan hasilnya: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>
<script>
    function myFunction(a,b){
        return a*b;
    }
    document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
</html>

Jalankan atur cara dan lihat hasilnya

Anda juga boleh menggunakan penyata pulangan apabila anda hanya mahu keluar dari fungsi . Nilai pulangan adalah pilihan:

fungsi myFunction(a,b)
{
jika (a>b)
{
return;
}
x=a+b
}

Jika a lebih besar daripada b, kod di atas akan keluar dari fungsi dan tidak akan mengira jumlah a dan b.

Pembolehubah JavaScript tempatan

Pembolehubah yang diisytiharkan di dalam fungsi JavaScript (menggunakan var) ialah pembolehubah tempatan, jadi ia hanya boleh digunakan dalam fungsi Aksesnya secara dalaman. (Skop pembolehubah ini adalah setempat).

Anda boleh menggunakan pembolehubah tempatan dengan nama yang sama dalam fungsi yang berbeza kerana hanya fungsi di mana pembolehubah diisytiharkan akan mengenali pembolehubah tersebut.

Pembolehubah setempat akan dipadamkan sebaik sahaja fungsi selesai.

Pembolehubah JavaScript global

Diisytiharkan di luar fungsi pembolehubah ialah pembolehubah global dan boleh diakses oleh semua skrip dan fungsi pada halaman web.

Hayat pembolehubah JavaScript

Hayat hayat Pembolehubah JavaScript Sepanjang hayat bermula apabila ia diisytiharkan.

Pembolehubah setempat akan dipadamkan selepas fungsi dijalankan.

Pembolehubah global akan dipadamkan selepas halaman ditutup.

Menetapkan nilai kepada pembolehubah JavaScript yang tidak diisytiharkan

Jika anda memberikan nilai kepada pembolehubah yang belum diisytiharkan lagi, pembolehubah tersebut secara automatik diisytiharkan sebagai pembolehubah global.

Pernyataan ini:

carname="Volvo";

akan mengisytiharkan carname pembolehubah global walaupun ia dilaksanakan di dalam fungsi.



Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>点击这个按钮，来调用带参数的函数。</p> <button onclick="myFunction('哈利波特','Wizard')">点击这里</button> <script> function myFunction(name,job){ alert("Welcome " + name + ", the " + job); } </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492497 permainan