Penjelasan terperinci tentang jenis fungsi yang biasa digunakan dalam kemahiran JavaScript

Penjelasan terperinci tentang jenis fungsi yang biasa digunakan dalam kemahiran JavaScript_javascript

WBOY

Lepaskan： 2016-05-16 15:31:20

asal

1484 orang telah melayarinya

Kod java dalam halaman web perlu ditulis dalam JavaScript, dan beberapa fungsi sangat diperlukan. Mari perkenalkan jenis fungsi yang biasa digunakan dalam JavaScript.
1. Fungsi berubah

    <script> 
  
    function show(){ 
      alert("第一个。。。"); 
    } 
     
   
    function show(str){ 
    alert("第二个"); 
    } 
    function show(a,b){ 
      alert("第三个。。。"); 
      alert(a+":"+b); 
    } 
     </script> 
 </head> 
<!--  可变参数的函数： 在js中都是可变参数的函数 
<!-- 1 函数虽然定义时是声明成两个参数，但调用时却是可以传入任意个 --> 
<!-- 2 每个函数中，存在一个 默认的数组arguments ,里面存储着本次调用时传入的所有实参 --> 
 <body> 
<!-- 1， 可变参数的演示： --> 
 <script> 
     
    show();//当调用之后，会把前面的冲掉 //undefined：undefined 
    show(111);//当调用之后，会把前面的冲掉 // 11:undefined 
    show("a","b");//当调用之后，会把前面的冲掉//a:b 
    show(1,2,3,4);//1:2 
 </script>

Salin selepas log masuk

Untuk meringkaskan contoh di atas, tiada kelebihan beban fungsi dalam JS. Ia mesti kad bebas untuk semua Walaupun fungsi mengisytiharkan beberapa pembolehubah apabila ia ditakrifkan, sebarang nombor boleh dihantar apabila ia dipanggil. Dalam setiap fungsi, terdapat argumen tatasusunan lalai, yang menyimpan semua parameter sebenar yang dihantar semasa panggilan ini.

2. Fungsi tanpa nama

<!DOCTYPE html> 
<html> 
 <head> 
 </head> 
  
 <body> 
<!--   演示JavaScript匿名函数 --> 
  <script type="text/javascript"> 
    var res =function(a,b){//注意是小写func 
    return a+b; 
    };</span> 
    alert("sum="+res(1,2));//sum=3 
    alert("res="+res("abc","def"));//res=abcdef 
     
  </script> 
 </body> 
</html>

Salin selepas log masuk

3. Fungsi dinamik
Pengenalan: Gunakan fungsi objek terbina dalam dalam Js untuk membina fungsi Parameter pertama dalam kaedah pembinaan ialah "parameter formal" dan parameter kedua ialah "badan fungsi ".

<span style="font-size:18px;"><!DOCTYPE html> 
<html> 
 <head> 
  <title>DTfunc.html</title> 
   
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
  <meta http-equiv="description" content="this is my page"> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
   
  <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 
 
 </head> 
  
 <body> 
<!--  利用Js当中内置的对象Function来构造一个函数，构造方法中的第1个参数是“形参”，第2个参数是“函数体”。  --> 
<!-- 该思想类似于Java当中的类反射。我们平时写函数时通常不用，但关键的地方一写，整个程序的功能会变得很活 --> 
  <script> 
  var res=new Function("x,y","var sum=0;sum=x+y;return sum;") 
  var sum=res(12,34);//46 
  var sum=res("abc","bss");//abcbss 
  alert("sum="+sum); 
  </script> 
 </body> 
</html></span>

Salin selepas log masuk

Tiga jenis fungsi yang biasa digunakan dalam JavaScript yang dikongsi di atas hanya diperkenalkan secara ringkas Jika anda ingin mengetahui lebih lanjut tentangnya, anda boleh terus membaca artikel berkaitan yang dikongsi di bawah.