Apakah peraturan asas untuk parameter JavaScript?-tutorial js-php.cn

Apakah peraturan asas untuk parameter JavaScript?

WBOY

Lepaskan： 2023-08-22 17:13:16

ke hadapan

559 orang telah melayarinya

Apakah peraturan asas untuk parameter JavaScript?

Dalam tutorial ini, mari kita bincangkan peraturan asas parameter JavaScript.

Fungsi JavaScript ialah kod yang melaksanakan tugas tertentu. Argumen fungsi ialah senarai nama daripada definisi fungsi. Parameter juga dipanggil parameter formal atau parameter formal.

Kami boleh mengisytiharkan parameter mengikut sintaks berikut.

Tatabahasa

function functionName(param1, param2)
{
}

Salin selepas log masuk

Apabila parameter tidak mempunyai nilai, nilai lalai akan digunakan.

Peraturan

Isytiharkan parameter lalai sebagai parameter akhir untuk mengelakkan ralat.
Takrifan fungsi JavaScript tidak menyatakan jenis parameter.
Fungsi JavaScript tidak menyemak jenis parameter input.
Fungsi JavaScript tidak menyemak bilangan parameter input.

Terjemahan bahasa Cina bagi

Contoh 1

ialah:

Contoh 1

Atur cara berikut mengisytiharkan parameter lalai fungsi. Oleh itu, apabila tiada nilai parameter, fungsi menganggap nilai lalai.

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

Salin selepas log masuk

Terjemahan bahasa Cina bagi

Contoh 2

ialah:

Contoh 2

Atur cara berikut menerima parameter integer dan input parameter rentetan. Output mengembalikan 'NaN' kerana fungsi tidak menyemak jenis parameter.

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

Salin selepas log masuk

Terjemahan bahasa Cina bagi

Contoh 3

ialah:

Contoh 3

Atur cara di bawah mempunyai tiga parameter dan empat parameter. Sifat panjang objek dan fungsi 'argumen' membezakannya untuk kita.

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

Salin selepas log masuk

Tutorial ini mengajar kita peraturan parameter asas. Pastikan anda mengisytiharkan nilai parameter lalai untuk mengelakkan ralat. Beri perhatian kepada jenis parameter dan jenis nilai parameter semasa pengekodan. Berhati-hati untuk mengikuti susunan parameter.

Atas ialah kandungan terperinci Apakah peraturan asas untuk parameter JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!