JavaScript 参数的基本规则是什么？

在本教程中，让我们讨论 JavaScript 参数的基本规则。

JavaScript 函数是一段执行特定任务的代码。函数参数是函数定义中的名称列表。参数也称为形式参数或形式参数。

我们可以按照以下语法声明参数。

语法

function functionName(param1, param2)
{
}

当参数没有值时，将使用默认值。

规则

  • 将默认参数声明为最后的参数，以避免错误。

  • JavaScript 函数定义没有指定参数类型。

  • JavaScript 函数不检查输入参数类型。

  • JavaScript 函数不检查输入参数的数量。

示例 1

下面的程序为函数声明了一个默认参数。因此，当没有参数值时，函数将采用默认值。

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

示例 2

下面的程序获取一个整数参数和一个字符串参数输入。输出返回“NaN”，因为函数没有检查参数类型。

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

示例 3

下面的程序有三个参数和四个参数。`arguments` 对象和函数的 `length` 属性可以帮助我们区分它们。

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

本教程向我们介绍了基本参数规则。请务必声明默认参数值以避免错误。在编码时，请注意参数类型和参数类型。请注意参数顺序。

更新于: 2022年11月15日

373 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告