Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะโต้แย้งวัตถุด้วยพารามิเตอร์ Rest, default และ destructured ใน JavaScript ได้อย่างไร


ค่าเริ่มต้น

สิ่งนี้มาเพื่อจัดการกับพารามิเตอร์ของฟังก์ชันได้อย่างง่ายดาย ตั้งค่าพารามิเตอร์เริ่มต้นอย่างง่ายดายเพื่อให้สามารถเริ่มต้นพารามิเตอร์ที่เป็นทางการด้วยค่าเริ่มต้นได้ สิ่งนี้เป็นไปได้ก็ต่อเมื่อไม่มีการส่งผ่านค่าหรือไม่ได้กำหนดไว้ มาดูตัวอย่างกัน

ตัวอย่าง

การสาธิตสด

<html>
   <body>
      <script>
         // default is set to 1
         function inc(val1, inc = 1) {
            return val1 + inc;
         }
         document.write(inc(10,10));
         document.write("<br>");
         document.write(inc(10));
      </script>
   </body>
</html>

พักผ่อน

ES6 นำพารามิเตอร์การพักมาใช้เพื่อช่วยให้นักพัฒนาซอฟต์แวร์ทำงานได้ง่ายขึ้น สำหรับอ็อบเจ็กต์อาร์กิวเมนต์ พารามิเตอร์ส่วนที่เหลือจะถูกระบุด้วยจุดสามจุด … และอยู่ข้างหน้าพารามิเตอร์

ตัวอย่าง

มาดูโค้ดต่อไปนี้กัน −

<html>
   <body>
      <script>
         function addition(…numbers) {
            var res = 0;
            numbers.forEach(function (number) {
               res += number;
            });
            return res;
         }
         document.write(addition(3));
         document.write(addition(5,6,7,8,9));
      </script>
   </body>
</html>

การทำลายล้าง

พารามิเตอร์ที่แนะนำใน ES6 สำหรับการผูกกับการจับคู่รูปแบบ หากไม่พบค่า จะส่งกลับค่าที่ไม่ได้กำหนด มาดูกันว่า ES6 อนุญาตให้ทำลายอาร์เรย์เป็นตัวแปรแต่ละตัวได้อย่างไร

ตัวอย่าง

การสาธิตสด

<html>
   <body>
      <script>
         let marks = [92, 95, 85];
         let [val1, val2, val3] = marks;

         document.write("Value 1: "+val1);
         document.write("<br>Value 2: "+val2);
         document.write("<br>Value 3: "+val3);
      </script>
   </body>
</html>