Maison >interface Web >js tutoriel >Explication détaillée des types de fonctions couramment utilisés dans les compétences JavaScript_javascript

Explication détaillée des types de fonctions couramment utilisés dans les compétences JavaScript_javascript

WBOYoriginal: 2016-05-16 15:31:201503parcourir

Le code Java de la page Web doit être écrit en JavaScript, et certaines fonctions sont indispensables. Présentons les types de fonctions couramment utilisés en JavaScript.
1. Fonction variable

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

Pour résumer les exemples ci-dessus, il n'y a pas de surcharge de fonctions dans JS. Il doit être générique pour tous. Bien que la fonction déclare plusieurs variables lorsqu'elle est définie, n'importe quel nombre peut être transmis lorsqu'elle est appelée. Dans chaque fonction, il existe un tableau d'arguments par défaut, qui stocke tous les paramètres réels transmis lors de cet appel.

2. Fonction anonyme

<!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. Fonction dynamique
Introduction : Utilisez l'objet intégré Function dans Js pour construire une fonction. Le premier paramètre de la méthode de construction est le « paramètre formel » et le deuxième paramètre est le « corps de la fonction. ".

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

Les trois types de fonctions couramment utilisés en JavaScript partagés ci-dessus ne sont que brièvement présentés. Si vous souhaitez en savoir plus à leur sujet, vous pouvez continuer à lire les articles connexes partagés ci-dessous.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Le code long de z-blog SyntaxHighlighter ne peut pas être encapsulé (basé sur jquery)_jqueryArticle suivant：Le code long de z-blog SyntaxHighlighter ne peut pas être encapsulé (basé sur jquery)_jquery

Articles Liés

Voir plus