Maison > Article > interface Web > Organiser la fonction Javascript notes d'étude_compétences javascript

Organiser la fonction Javascript notes d'étude_compétences javascript

WBOYoriginal: 2016-05-16 15:28:321271parcourir

1. Qu'est-ce qu'une fonction
Si vous devez utiliser le même morceau de code plusieurs fois, vous pouvez les encapsuler dans une fonction. Une fonction est un ensemble d'instructions qui peuvent être appelées à tout moment dans votre code. Chaque fonction est en fait un court script.
Par exemple : Pour compléter la fonction de plusieurs ensembles de sommes.

var sum;
sum = 3+2;
alear(sum);
 
sum = 7+8;
alear(sum);
......//不停的重复两行代码

Si vous souhaitez implémenter la somme de 8 groupes de nombres, vous aurez besoin de 16 lignes de code. Plus vous en implémentez, plus vous aurez besoin de lignes de code. Par conséquent, nous pouvons placer le bloc de code qui exécute une fonction spécifique dans une fonction et appeler cette fonction directement, ce qui évite d'avoir à saisir à plusieurs reprises une grande quantité de code. Compléter en utilisant les fonctions :

function add(a,b){
  sum = a+b;//只需要写一次就可以
 };
 add2(3,2);
 add2(7,8);
 ......//只需要调用函数就可以

2. Définir la fonction
Définir la syntaxe de la fonction

 function 函数名(参数argument){
　　函数体statements;
 }
 //function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。

function shout(){
   var beatles = Array("John","Paul","George","Ringo");
   for (var count = 0; count < beatles.length; count++){
     alert(beatles[count]);
   }
 }
 //这个函数里面的循环语句将依次弹出对话框来显示beatles里面内容。 
 shout();调用函数，执行脚本里的动作

Remplissez la fonction de somme de deux nombres et d'affichage du résultat :

<script type="text/javascript">
  function add2(){
    sum = 3+2;
    alert()sum;
   }
   add2();
 </script>

3. Appel de fonction
Une fois la fonction définie, elle ne peut pas être exécutée automatiquement. Vous devez l'appeler et écrire le nom de la fonction directement à la position requise.
Le premier cas : appelé dans la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a

<script type="text/javascript">
   function add(){
     sum = 1+1;
     alert(sum);
  }
   add();//调用函数，直接写函数名。
</script>

Deuxième cas : Appelé dans un fichier HTML, comme appeler une fonction définie après avoir cliqué sur un bouton.

<html>
 <head>
 <script type="text/javascript">
   function add2(){
     sum = 5 + 6;
     alert(sum);
   }  
 </script>
 </head>
 <body>
 <form>
  <input type="button" value="click it" onclick="add2()"> //按钮,onclick点击事件，直接写函数名
 </form>
 </body>
 </html>

4. Fonctions avec paramètres
En fait, la définition de la fonction peut également être au format suivant :
nom de la fonction fonction (paramètre 1, paramètre 2) {
Code de fonction
>
Lors de la définition d'une fonction, vous pouvez lui déclarer autant d'arguments à condition qu'ils soient séparés par des virgules. À l’intérieur d’une fonction, vous pouvez utiliser n’importe lequel de ses paramètres comme une variable ordinaire.
Selon ce format, la fonction permettant d'implémenter la somme de deux nombres quelconques doit s'écrire :

function add2(x,y){
   sum = x + y;
   document.write(sum);
 }
 //x和y则是函数的两个参数，调用函数的时候，我们可通过这两个参数把两个实际的加数传递给函数了。

implémente les fonctions suivantes :
Définissez une fonction pour implémenter la somme de trois nombres. Le nom de la fonction est add3.
Calculez la somme de deux ensembles de trois nombres : 5, 8, 3/7, 1 et 4.

 <script type="text/JavaScript">
   function add3(x,y,z) {
   sum = x + y +z;
     document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>");
   }
   add3(5,8,3);
   add3(7,1,4); 
 </script>

5. Fonctions qui renvoient des valeurs
Les fonctions peuvent non seulement recevoir des données (sous forme de paramètres) mais également renvoyer des données. Nous pouvons créer une fonction et lui faire renvoyer une valeur, une chaîne, un tableau ou un booléen. Cela nécessite l'utilisation d'une instruction return.

 function multiply(num1,num2){
   var total = num1*num2;
   return total;
 }

Le résultat était affiché via "document.write" auparavant, maintenant il est affiché à l'aide de la fonction
Il suffit de remplacer la ligne "document.write(sum)" par le code suivant :

 function add2(x,y){
   sum = x + y;
   return sum; //返回函数值,return后面的值叫做返回值。
 }
 //还可以通过变量存储调用函数的返回值：
 result = add2(3,4);//语句执行后，result变量中的值为7。

Exemple : la fonction suivante n'a qu'un seul paramètre (une valeur de température Fahrenheit) et elle renverra une valeur numérique (la valeur de température Celsius de la même température) :

 <script type="text/javascript">
   function convertToCelsius (temp) {
     var result = temp - 32;
     result = result / 1.8;
     return result;
   }
   //函数的真正价值体现在，我们还可以把它们当做一种数据类型来使用，这意味着可以把一个函数的调用结果赋给一个变量：
   var temp_fahrenheit = 95;
   var temp_celsius = convertToCelsius(temp_fahrenheit);
   alert(temp_celsius);
 </script>

Dans cet exemple, la valeur de la variable temp_celsius sera 35, qui est renvoyée par la fonction convertToCelsius.
Lorsque je nomme des variables, j'utilise des traits de soulignement pour séparer les mots ; lorsque je nomme des fonctions, je mets en majuscule la première lettre de chaque mot en commençant par le deuxième mot (c'est-à-dire camelCase).
1), portée des variables
Les variables peuvent être globales ou locales.
La variable globale peut être référencée n'importe où dans le script. Une fois que vous avez déclaré une variable globale dans un script, vous pouvez la référencer depuis n'importe où dans le script, y compris à l'intérieur de fonctions. La portée des variables globales est l'intégralité du script.
La variable locale n'existe qu'à l'intérieur de la fonction dans laquelle elle est déclarée et ne peut pas être référencée en dehors de cette fonction. La portée des variables locales est limitée à une fonction spécifique.
Les variables de fonction peuvent être explicitement étendues à l'aide du mot-clé var.
Si var est utilisé dans une fonction, cette variable sera considérée comme une variable locale, qui n'existe que dans le contexte de cette fonction ; à l'inverse, si var n'est pas utilisée, cette variable sera considérée comme une variable globale s'il existe déjà. une variable globale avec le même nom dans le script, et cette fonction changera la valeur de cette variable globale.
Exemple :

function square(num){
   total = num*num;
   return total;
 }
 var total = 50;
 var number = square(20);
alert(total);

这是错误的，number的值为400，但是这里alert弹出的是total的值，应该是50.

这些代码将不可避免地导致全局变量total的值发生变化。

全局变量total的值变成了400.我的本意是让square()函数只把它计算出来的平方值返回给变量number，但因为未把这个函数内部total变量明确地声明为局部变量，这个函数把名字同样是total的那个全局变量的值也改变了。

把这个函数写成如下的样子才是正确的：

 function square(num){
   var total = num*num;
   return total;
 }
 var total = 50;
 var number = square(20);
 alert(total);
 </script>

正确结果：

以上就是关于Javascript函数的学习笔记，还涉及到了一些变量的知识点，希望对大家的学习有所帮助。

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：3 méthodes courantes pour les compétences data_javascript de requête inter-domaines jsArticle suivant：3 méthodes courantes pour les compétences data_javascript de requête inter-domaines js

Articles Liés

Voir plus