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 ; .Fonction de fermeture, une fonction avec l'autorisation d'accéder aux variables dans une autre portée de 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.
1. Constructeur
Le constructeur en Javascript fait référence à une fonction définie et appelée à l'aide du mot-clé new, qui renvoie un nouvel objet par défaut.
2. Fonction anonyme
Les fonctions anonymes en Javascript font référence à des fonctions sans noms réels. L'utilisation de fonctions anonymes n'entraînera pas de pollution des 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 le cadre d'une autre fonction. Les fonctions de fermeture sont souvent créées à l'intérieur d'une fonction.
4. Fonctions dynamiques
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.
Les exemples sont les suivants :
<script> function show(){ alert("Le premier..."); } function show(str){ alert("Le deuxième"); function show(a,b){ alert("Le troisième . . . "); alert(a+":"+b); } </script> </head> <!-- Fonctions à paramètres variables : Ce sont toutes des fonctions à paramètres variables en js. 1 Bien que la fonction soit déclarée comme deux paramètres lorsqu'il est défini, n'importe quel nombre peut être transmis lors de son appel --> <!-- 2 Dans chaque fonction, il existe un tableau d'arguments par défaut, qui stocke les paramètres passés lors de cet appel. Tous les paramètres réels saisis --. > <body> <!-- 1. Démonstration des paramètres variables : --> <script> show();//Lors de l'appel, les précédents seront vidés //undéfini : undéfini show(111);//Lors de l'appel , les précédents seront vidés///11:undefined show("a","b");//Après appelé, les précédents seront vidés//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.
fonction anonyme
<!DOCTYPE html> <html> <head> </head> <body> <!-- Démonstration de la fonction anonyme JavaScript--> <script type="text/javascript"> var res =function(a,b){/ /Notez qu'il s'agit d'une fonction minuscule 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 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, password3"> <meta http-equiv="description" content=" ceci est ma page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- <link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <body> <!-- Utilisez l'objet intégré Function dans Js pour construire un fonction. Le premier paramètre du constructeur est le « paramètre formel » et le deuxième paramètre est le « corps de la fonction ». --> <!-- L'idée est similaire à la réflexion de classe en Java. Nous ne l'utilisons généralement pas lors de l'écriture de fonctions, mais une fois que nous aurons écrit les points clés, la fonction de l'ensemble du programme deviendra très flexible --> <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=" +somme) < /script> </body> </html></span>