Heim > Artikel > Web-Frontend > Was sind die Grundregeln für JavaScript-Parameter?
Was sind die Grundregeln für JavaScript-Parameter?
- WBOYnach vorne
- 2023-08-22 17:13:16535Durchsuche
In diesem Tutorial besprechen wir die Grundregeln von JavaScript-Parametern.
JavaScript-Funktionen sind Codes, die bestimmte Aufgaben ausführen. Funktionsargumente sind eine Liste von Namen aus der Funktionsdefinition. Parameter werden auch Formalparameter oder Formalparameter genannt.
Wir können Parameter gemäß der folgenden Syntax deklarieren.
Grammatik
function functionName(param1, param2)
{
}
Wenn ein Parameter keinen Wert hat, wird der Standardwert verwendet.
Regeln
Deklarieren Sie Standardparameter als endgültige Parameter, um Fehler zu vermeiden.
Die JavaScript-Funktionsdefinition legt keine Parametertypen fest.
JavaScript-Funktionen prüfen nicht die Art der Eingabeparameter.
JavaScript-Funktionen prüfen nicht die Anzahl der Eingabeparameter.
Beispiel 1
lautet:Beispiel 1
Das folgende Programm deklariert die Standardparameter einer Funktion. Wenn keine Parameterwerte vorhanden sind, nimmt die Funktion daher den Standardwert an.
<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>
Die chinesische Übersetzung von Beispiel 2
lautet:Beispiel 2
Das folgende Programm akzeptiert die Eingabe eines Integer-Parameters und eines String-Parameters. Die Ausgabe gibt „NaN“ zurück, da die Funktion die Parametertypen nicht überprüft hat.
<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>
Die chinesische Übersetzung von Beispiel 3
lautet:Beispiel 3
Das folgende Programm hat drei Parameter und vier Parameter. Die Längeneigenschaft von „Argumenten“-Objekten und -Funktionen unterscheidet sie für uns.
<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>
In diesem Tutorial lernen wir grundlegende Parameterregeln. Stellen Sie sicher, dass Sie einen Standardparameterwert deklarieren, um Fehler zu vermeiden. Achten Sie beim Codieren auf Parametertypen und Parameterwerttypen. Achten Sie darauf, die Reihenfolge der Parameter einzuhalten.
Das obige ist der detaillierte Inhalt vonWas sind die Grundregeln für JavaScript-Parameter?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!