Maison > Article > interface Web > Quels sont les types de fonctions de Javascript ?

Quels sont les types de fonctions de Javascript ?

WBOYoriginal: 2022-06-29 16:30:464671parcourir

Types de fonctions Javascript : 1. Constructeur, utilisez le mot-clé new pour définir la fonction à appeler et renvoie un nouvel objet par défaut ; 2. Une fonction anonyme, une fonction sans nom réel, ne polluera pas les variables globales ; 3. Fonction Closure Package, une fonction avec l'autorisation d'accéder aux variables dans le cadre d'une autre fonction ; 4. La fonction dynamique, la liste des paramètres et le corps de la fonction sont des fonctions spécifiées dynamiquement via des chaînes.

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

Quels sont les types de fonctions de Javascript

1. Constructeur

Le constructeur en Javascript fait référence à une fonction définie et appelée à l'aide du nouveau mot-clé, qui renvoie un nouvel objet par défaut,

2. les fonctions font référence à des fonctions sans noms réels. L'utilisation de fonctions anonymes ne polluera pas les variables globales.

3. Fonction de fermeture

Une fonction de fermeture en Javascript fait référence à une fonction qui a l'autorisation d'accéder aux variables dans la portée d'une autre fonction. Les fonctions de fermeture sont souvent créées à l'intérieur d'une fonction.

4. Fonction dynamique

Une fonction dynamique en Javascript fait référence à une fonction dont la liste de paramètres et le corps de la fonction sont spécifiés dynamiquement via une chaîne.

L'exemple est le suivant :

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

En résumé, il n'y a pas de surcharge de fonctions en 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.

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>

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 "paramètre formel" et le deuxième paramètre est "fonction". corps".

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

【Recommandations associées :

tutoriel vidéo javascript

, front-end web】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript 构造函数全局变量字符串闭包形参实参 JS function 对象作用域

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：Il existe plusieurs façons de gérer les événements javascriptArticle suivant：Il existe plusieurs façons de gérer les événements javascript

Articles Liés

Voir plus