在本教學中，讓我們討論一下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中文網其他相關文章！
