Javaสคริปต์กำหนดและเรียกใช้ฟังก์ชันพร้อมตัวอย่าง
เจมส์ ฮาร์ทแมน
ฟังก์ชั่นอยู่ในอะไร Javaสคริปต์?
ฟังก์ชันต่างๆ มีความสำคัญและมีประโยชน์มากในภาษาการเขียนโปรแกรมใดๆ เนื่องจากทำให้โค้ดสามารถนำกลับมาใช้ใหม่ได้ ฟังก์ชันคือกลุ่มของโค้ดซึ่งจะถูกดำเนินการเมื่อมีการเรียกใช้เท่านั้น หากคุณมีโค้ดสองสามบรรทัดที่ต้องใช้หลายครั้ง คุณสามารถสร้างฟังก์ชันซึ่งรวมถึงบรรทัดโค้ดที่ซ้ำกัน จากนั้นเรียกใช้ฟังก์ชันได้ทุกที่ที่คุณต้องการ
วิธีสร้างฟังก์ชั่นใน Javaต้นฉบับ
- ใช้คำสำคัญ ฟังก์ชัน ตามด้วยชื่อของฟังก์ชัน
- หลังชื่อฟังก์ชัน ให้เปิดและปิดวงเล็บ
- หลังวงเล็บ ให้เปิดและปิดเครื่องหมายปีกกา
- ภายในวงเล็บปีกกา ให้เขียนบรรทัดโค้ดของคุณ
ไวยากรณ์:
function functionname()
{
lines of code to be executed
}
ลองด้วยตัวเอง:
<html>
<head>
<title>Functions!!!</title>
<script type="text/javascript">
function myFunction()
{
document.write("This is a simple function.<br />");
}
myFunction();
</script>
</head>
<body>
</body>
</html>
ฟังก์ชั่นที่มีอาร์กิวเมนต์
คุณสามารถสร้างฟังก์ชันพร้อมอาร์กิวเมนต์ได้เช่นกัน ควรระบุอาร์กิวเมนต์ภายในวงเล็บ
ไวยากรณ์:
function functionname(arg1, arg2)
{
lines of code to be executed
}
ลองด้วยตัวเอง:
<html>
<head>
<script type="text/javascript">
var count = 0;
function countVowels(name)
{
for (var i=0;i<name.length;i++)
{
if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
count = count + 1;
}
document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
}
var myName = prompt("Please enter your name");
countVowels(myName);
</script>
</head>
<body>
</body>
</html>
Javaค่าการส่งคืนสคริปต์
คุณยังสามารถสร้างฟังก์ชัน JS ที่ส่งคืนค่าได้ ภายในฟังก์ชันคุณต้องใช้คีย์เวิร์ด กลับ ตามด้วยค่าที่จะส่งคืน
ไวยากรณ์:
function functionname(arg1, arg2)
{
lines of code to be executed
return val1;
}
ลองด้วยตัวเอง:
<html>
<head>
<script type="text/javascript">
function returnSum(first, second)
{
var sum = first + second;
return sum;
}
var firstNo = 78;
var secondNo = 22;
document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
</script>
</head>
<body>
</body>
</html>
