Quelles sont les règles de base pour les paramètres JavaScript ?-js tutoriel-php.cn

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

WBOY

Libérer： 2023-08-22 17:13:16

avant

558 Les gens l'ont consulté

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

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)
{
}

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!