Rumah >hujung hadapan web >tutorial js >Apakah peraturan asas untuk parameter JavaScript?

Apakah peraturan asas untuk parameter JavaScript?

WBOYke hadapan: 2023-08-22 17:13:16598semak imbas

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)
{
}

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>

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>

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>

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!

JavaScript 字符串值类型 Length 对象

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：JavaScript: Bagaimana untuk mengalih keluar pasangan nilai kunci yang sepadan dengan kunci yang diberikan daripada objek?Artikel seterusnya：JavaScript: Bagaimana untuk mengalih keluar pasangan nilai kunci yang sepadan dengan kunci yang diberikan daripada objek?

Artikel berkaitan

Lihat lagi