suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung häufig verwendeter Funktionstypen in JavaScript_Javascript-Kenntnissen

Detaillierte Erläuterung häufig verwendeter Funktionstypen in JavaScript_Javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 15:31:201503Durchsuche

Der Java-Code auf der Webseite muss in JavaScript geschrieben sein, und einige Funktionen sind unverzichtbar. Lassen Sie uns die häufig verwendeten Funktionstypen in JavaScript vorstellen.
1. Variablenfunktion

    <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>


Zusammenfassend lässt sich sagen, dass es in JS keine Überladung von Funktionen gibt. Es muss für alle Platzhalter verwendet werden. Obwohl die Funktion bei der Definition mehrere Variablen deklariert, kann beim Aufruf eine beliebige Zahl übergeben werden. In jeder Funktion gibt es ein Standard-Array-Argumente, das alle tatsächlichen Parameter speichert, die während dieses Aufrufs übergeben werden.

2. Anonyme Funktion 

<!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>

3. Dynamische Funktion
Einführung: Verwenden Sie die in Js integrierte Objektfunktion, um eine Funktion zu erstellen. Der erste Parameter in der Konstruktionsmethode ist der „formale Parameter“ und der zweite Parameter ist der „Funktionskörper“. ". 

<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>

Die drei oben genannten häufig verwendeten Funktionstypen in JavaScript werden nur kurz vorgestellt. Wenn Sie mehr darüber erfahren möchten, können Sie die unten aufgeführten verwandten Artikel weiterlesen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Z-Blog-SyntaxHighlighter-Langcode kann nicht umschlossen werden (basierend auf jquery)_jqueryNächster Artikel：Z-Blog-SyntaxHighlighter-Langcode kann nicht umschlossen werden (basierend auf jquery)_jquery

In Verbindung stehende Artikel

Mehr sehen