Maison > Article > interface Web > Quelles sont les règles de base pour les paramètres JavaScript ?

Quelles sont les règles de base pour les paramètres JavaScript ?

WBOYavant: 2023-08-22 17:13:16592parcourir

Dans ce tutoriel, discutons des règles de base des paramètres JavaScript.

Les fonctions JavaScript sont des codes qui effectuent des tâches spécifiques. Les arguments de fonction sont une liste de noms issus de la définition de la fonction. Les paramètres sont également appelés paramètres formels ou paramètres formels.

Nous pouvons déclarer des paramètres selon la syntaxe suivante.

Grammaire

function functionName(param1, param2)
{
}

Lorsqu'un paramètre n'a aucune valeur, la valeur par défaut sera utilisée.

Règles

Déclarez les paramètres par défaut comme paramètres finaux pour éviter les erreurs.
La définition de la fonction JavaScript ne spécifie pas les types de paramètres.
Les fonctions JavaScript ne vérifient pas le type des paramètres d'entrée.
Les fonctions JavaScript ne vérifient pas le nombre de paramètres d'entrée.

La traduction chinoise de

Exemple 1

est :

Exemple 1

Le programme suivant déclare les paramètres par défaut d'une fonction. Par conséquent, lorsqu'il n'y a aucune valeur de paramètre, la fonction prend la valeur par défaut.

<html>
<body>
   <h2>Default parameters in JavaScript </h2>
   <p> <b> Input = Sum(10) </b> </p>
   <p> <b> Input = Sum(10,30) </b> </p>
   <div id="paramDefBtnWrap">
      <button id="paramDefBtn"> Run </button>
   </div>
   <p id="paramDefOut"> </p>
   <script>
      var paramDefOut = document.getElementById("paramDefOut");
      var paramDefBtnWrap = document.getElementById("paramDefBtnWrap");
      var paramDefBtn = document.getElementById("paramDefBtn");
      var paramDefInpStr = "";
      paramDefBtn.onclick = function() {
         
         //paramDefBtnWrap.style.display = "none";
         function sum(param1, param2 = 20) {
            var sum = param1 + param2;
            paramDefInpStr += param1 + " + " + param2 + " = " + sum + "<br><br>";
         }
         sum(10);
         sum(10, 30);
         paramDefOut.innerHTML = paramDefInpStr;
      };
   </script>
</body>
</html>

La traduction chinoise de

Exemple 2

est :

Exemple 2

Le programme suivant accepte un paramètre entier et une entrée de paramètre de chaîne. La sortie renvoie « NaN » car la fonction n'a pas vérifié les types de paramètres.

<html>
<body>
   <h2> Illustrating parameter type and argument type</h2>
   <p> <b> Input = Multiply(10, 'ten') </b> </p>
   <div id="paramArgBtnWrap">
      <button id="paramArgBtn"> Run </button>
   </div>
   <p id="paramArgOut"> </p>
   <script>
      var paramArgOut = document.getElementById("paramArgOut");
      var paramArgBtnWrap = document.getElementById("paramArgBtnWrap");
      var paramArgBtn = document.getElementById("paramArgBtn");
      var paramArgInpStr = "";
      paramArgBtn.onclick = function() {
         
         //paramArgBtnWrap.style.display = "none";
         function mult(param1, param2) {
            var prod = param1 * param2;
            paramArgInpStr += "Argument 1 type is " + typeof(param1) + "<br><br>";
            paramArgInpStr += "Argument 2 type is " + typeof(param2) + "<br><br>";
            paramArgInpStr += param1 + " × " + param2 + " = " + prod + "<br><br>";
         }
         mult(10, 'ten');
         paramArgOut.innerHTML = paramArgInpStr;
      };
   </script>
</body>
</html>

La traduction chinoise de

Exemple 3

est :

Exemple 3

Le programme ci-dessous a trois paramètres et quatre paramètres. La propriété de longueur des objets et fonctions « arguments » les différencie pour nous.

<html>
<body>
   <h2> Illustrating number of arguments and parameters in a function</h2>
   <p> <b> Input = 1, 'one', Date, {} </b> </p>
   <div id="infArgBtnWrap">
      <button id="infArgBtn"> Run </button>
   </div>
   <p id="infArgOut"> </p>
   <script>
      var infArgOut = document.getElementById("infArgOut");
      var infArgBtnWrap = document.getElementById("infArgBtnWrap");
      var infArgBtn = document.getElementById("infArgBtn");
      var infArgInpStr = "";
      infArgBtn.onclick = function() {
         
         //infArgBtnWrap.style.display = "none";
         function argFunction(arg1, arg2, arg3) {
            infArgInpStr += "Function Parameters = " + argFunction.length + '<br><br>';
            infArgInpStr += "Function Arguments = " + arguments.length + '<br><br>';
            infArgInpStr += "Arguments are, <br><br>"
            for (i = 0; i < arguments.length; i++) {
               infArgInpStr += argFunction.arguments[i] + "<br>";
            }
            infArgOut.innerHTML = infArgInpStr;
         }
         argFunction(1, 'one', Date, {});
      };
   </script>
</body>
</html>

Ce tutoriel nous apprend les règles de base des paramètres. Assurez-vous de déclarer une valeur de paramètre par défaut pour éviter les erreurs. Faites attention aux types de paramètres et aux types de valeurs de paramètres lors du codage. Attention à bien suivre l'ordre des paramètres.

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 字符串值类型 Length 对象

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：JavaScript : Comment supprimer la paire clé-valeur correspondant à une clé donnée d'un objet ?Article suivant：JavaScript : Comment supprimer la paire clé-valeur correspondant à une clé donnée d'un objet ?

Articles Liés

Voir plus