ประเภทฟังก์ชันของ Javascript: 1. Constructor ใช้คีย์เวิร์ดใหม่เพื่อกำหนดฟังก์ชันที่จะเรียกใช้ และส่งคืนอ็อบเจ็กต์ใหม่ตามค่าเริ่มต้น 2. ฟังก์ชัน Anonymous ซึ่งเป็นฟังก์ชันที่ไม่มีชื่อจริง จะไม่ก่อให้เกิดมลภาวะต่อตัวแปรส่วนกลาง 3 . ฟังก์ชั่นปิด ฟังก์ชั่นที่ได้รับอนุญาตให้เข้าถึงตัวแปรในขอบเขตฟังก์ชั่นอื่น 4. ฟังก์ชั่นไดนามิก รายการพารามิเตอร์ และเนื้อหาของฟังก์ชั่นจะถูกระบุแบบไดนามิกผ่านสตริง
สภาพแวดล้อมการทำงานของบทช่วยสอนนี้: ระบบ Windows 10, JavaScript เวอร์ชัน 1.8.5, คอมพิวเตอร์ Dell G3
1. ตัวสร้าง
ตัวสร้างใน Javascript อ้างถึงฟังก์ชันที่กำหนดและเรียกใช้โดยใช้คีย์เวิร์ดใหม่ ซึ่งจะส่งคืนออบเจ็กต์ใหม่ตามค่าเริ่มต้น
2. ฟังก์ชั่นที่ไม่ระบุชื่อ
ฟังก์ชันที่ไม่ระบุชื่อใน Javascript หมายถึงฟังก์ชันที่ไม่มีชื่อจริง การใช้ฟังก์ชันที่ไม่ระบุชื่อจะไม่ทำให้เกิดมลภาวะต่อตัวแปรทั่วโลก
3. ฟังก์ชั่นการปิด
ฟังก์ชันการปิดใน Javascript หมายถึงฟังก์ชันที่ได้รับอนุญาตให้เข้าถึงตัวแปรในขอบเขตของฟังก์ชันอื่น ฟังก์ชันการปิดมักจะถูกสร้างขึ้นภายในฟังก์ชัน
4.ฟังก์ชั่นไดนามิก
ฟังก์ชันไดนามิกใน Javascript หมายถึงฟังก์ชันที่มีการระบุรายการพารามิเตอร์และเนื้อหาของฟังก์ชันแบบไดนามิกผ่านสตริง
ตัวอย่างมีดังนี้:
<script> function show(){ alert("อันแรก..."); } function show(str){ alert("อันที่สอง"); } function show(a,b){ alert("อันที่สาม . . . "); alert(a+ Marriott+b); } </script> </head> <!-- ฟังก์ชั่นที่มีพารามิเตอร์ตัวแปร: เป็นฟังก์ชันทั้งหมดที่มีพารามิเตอร์ตัวแปรใน js 1 แม้ว่าฟังก์ชันจะถูกประกาศเป็นสอง เมื่อมีการกำหนดพารามิเตอร์ ตัวเลขใดๆ ก็สามารถส่งผ่านได้เมื่อมีการเรียก --> <!-- 2 ในแต่ละฟังก์ชัน จะมีอาร์กิวเมนต์อาร์เรย์เริ่มต้น ซึ่งจะเก็บพารามิเตอร์ที่ส่งผ่านระหว่างการโทรนี้ พารามิเตอร์จริงทั้งหมดที่ป้อน -- > <body> <!-- 1. การสาธิตพารามิเตอร์ตัวแปร: --> <script> show();//เมื่อถูกเรียก ค่าก่อนหน้าจะถูกล้าง //unknown: undefinition show(111);//เมื่อถูกเรียก อันก่อนหน้านี้จะถูกฟลัช///11:unknown show("a","b");//หลังจากเรียก อันก่อนหน้าจะถูกฟลัช//a:b show(1,2,3,4) ;//1:2 </script>เพื่อสรุปตัวอย่างข้างต้น ไม่มีการโอเวอร์โหลดฟังก์ชันใน JS จะต้องเป็น wildcard สำหรับทุกคน แม้ว่าฟังก์ชันจะประกาศตัวแปรหลายตัวเมื่อมีการกำหนด แต่ตัวเลขใดๆ ก็สามารถส่งผ่านเข้าไปได้เมื่อมีการเรียก ในแต่ละฟังก์ชัน จะมีอาร์กิวเมนต์อาร์เรย์เริ่มต้น ซึ่งจะเก็บพารามิเตอร์จริงทั้งหมดที่ส่งผ่านเข้ามาระหว่างการโทรนี้
ฟังก์ชั่นที่ไม่ระบุชื่อ
<!DOCTYPE html> <html> <head> </head> <body> <!-- สาธิตฟังก์ชัน JavaScript ที่ไม่ระบุตัวตน--> <script type="text/javascript"> var res =function(a,b){/ /โปรดทราบว่าเป็น func ตัวพิมพ์เล็ก return a+b; };</span> alert("sum="+res(1,2));//sum=3 alert("res="+res("abc" ," def"));//res=abcdef </script> </body> </html>ฟังก์ชั่นไดนามิก
บทนำ: ใช้ฟังก์ชันออบเจ็กต์ในตัวใน Js เพื่อสร้างฟังก์ชัน พารามิเตอร์ตัวแรกในวิธีการก่อสร้างคือ "พารามิเตอร์ที่เป็นทางการ" และพารามิเตอร์ตัวที่สองคือ "ตัวฟังก์ชัน"
<span style="font-size:18px;"><!DOCTYPE html> <html> <head> <title>DTfunc.html</title> <meta http-equiv="keywords" content="keyword1,keyword2, keyword3"> <meta http-equiv="description" content="นี่คือหน้าของฉัน"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- <link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <body> <!-- ใช้ฟังก์ชันออบเจ็กต์ในตัวใน Js เพื่อสร้าง ฟังก์ชัน พารามิเตอร์ตัวแรกในตัวสร้างคือ "พารามิเตอร์ที่เป็นทางการ" และพารามิเตอร์ตัวที่สองคือ "ตัวฟังก์ชัน" --> <!-- แนวคิดนี้คล้ายกับการสะท้อนคลาสใน Java ปกติเราจะไม่ใช้มันในการเขียนฟังก์ชั่น แต่เมื่อเราเขียนประเด็นสำคัญแล้ว ฟังก์ชั่นของโปรแกรมทั้งหมดจะมีความยืดหยุ่นมาก --> <script> var res=new Function("x,y","var sum =0;sum= x+y;ผลตอบแทนรวม;") var sum=res(12,34);//46 var sum=res("abc", "bss"); //abcbss alert("sum=" +ผลรวม); < /script> </body> </html></span>