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

javascriptjavascript 2023-08-28 12:41:07 1077
摘要： 在本教程中，让我们讨论一下JavaScript参数的基本规则。JavaScript函数是执行特定任务的代码。函数参数是函数定义中的名称列表。参数也被称为形式参数或形式参数。我们可以按照以下语法来声明参数。语法functionf...

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

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

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

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

语法

function functionName(param1, param2)
{
}

当一个参数没有值时，会使用默认值。

规则

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

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

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

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

Example 1

的中文翻译为：

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

Example 2

的中文翻译为：

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

Example 3

的中文翻译为：

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

这个教程教会了我们基本的参数规则。一定要声明一个默认的参数值，以避免错误。在编码时要注意参数类型和参数值类型。要小心遵循参数顺序。

标签：