在本教程中，让我们讨论一下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>
登录后复制
这个教程教会了我们基本的参数规则。一定要声明一个默认的参数值，以避免错误。在编码时要注意参数类型和参数值类型。要小心遵循参数顺序。
以上是JavaScript参数的基本规则是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！
