1. Home
  2. ฟังก์ชัน JavaScript

บทช่วยสอน ฟังก์ชัน JavaScript ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,ไวยากรณ์ฟังก์ชัน JavaScript,การเรียกฟังก์ชันที่มีการขัดแย้ง,ตัวอย่าง,ตัวอย่าง,ฟังก์ชั่นส่งกลับค่ากับ,ตัวอย่าง,ตัวแปร JavaScript ที่ท้องถิ่น,ตัวแปร JavaScript ทั่วโลก,การอยู่รอดของตัวแปร JavaScript,กำหนดค่าตัวแปร JavaScript ที่ไม่ได้ประกาศ,

ฟังก์ชัน JavaScript

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

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>

<body>
<button onclick=" myFunction() ">Try it</button>
</body>
</html>

ไวยากรณ์ฟังก์ชัน JavaScript

บล็อกฟังก์ชั่นเป็นห่อในการจัดฟันและเคยใช้ฟังก์ชั่นคำสำคัญ:

functionfunctionname()
{
执行代码
}

เมื่อฟังก์ชั่นที่เรียกว่ามันจะรันโค้ดภายในฟังก์ชั่น

โดยตรงสามารถเรียกใช้ฟังก์ชันเมื่อมีเหตุการณ์เกิดขึ้น (เช่นเมื่อผู้ใช้คลิกปุ่ม) และจาวาสคริปต์สามารถเรียกได้ว่าในตำแหน่งใด ๆ

โคมไฟ เป็นกรณี JavaScript ฟังก์ชั่นคำหลักจะต้องเป็นตัวพิมพ์เล็กและต้องทำงานที่มีชื่อเดียวกับกรณีที่จะเรียกฟังก์ชั่น

การเรียกฟังก์ชันที่มีการขัดแย้ง

เมื่อโทรฟังก์ชั่นที่คุณสามารถผ่านมันค่าค่าเหล่านี้จะเรียกว่าข้อโต้แย้ง

พารามิเตอร์เหล่านี้สามารถนำมาใช้ในการทำงาน

คุณสามารถส่งหมายเลขใด ๆ ของพารามิเตอร์คั่นด้วยเครื่องหมายจุลภาค (,):

myFunction(argument1,argument2)

เมื่อคุณประกาศฟังก์ชันพารามิเตอร์เป็นตัวแปรประกาศ:

function myFunction( var1 , var2 )
{
代码
}

ตัวแปรและพารามิเตอร์ต้องปรากฏในลำดับเดียวกัน ตัวแปรแรกเป็นครั้งแรกที่ได้รับค่าพารามิเตอร์ผ่านและอื่น ๆ

ตัวอย่าง

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>

<script>
function myFunction( name , job )
{
alert("Welcome " + name + ", the " + job );
}
</script>

ลอง»

ปุ่มฟังก์ชั่นข้างต้นมีการคลิกแจ้ง "ยินดีต้อนรับ Harry Potter พ่อมด"

ฟังก์ชั่นที่มีความยืดหยุ่นมากที่คุณสามารถใช้พารามิเตอร์ที่แตกต่างกันในการเรียกใช้ฟังก์ชันนี้นี้จะให้ข้อความที่แตกต่าง:

ตัวอย่าง

<button onclick="myFunction( 'Harry Potter' , 'Wizard' )">Try it</button>
<button onclick="myFunction( 'Bob' , 'Builder' )">Try it</button>

ลอง»

ตามที่ปุ่มที่แตกต่างกันที่คุณคลิกตัวอย่างข้างต้นจะแจ้งให้ "ยินดีต้อนรับ Harry Potter พ่อมด" หรือ "ยินดีต้อนรับบ๊อบตัวสร้าง"

ฟังก์ชั่นส่งกลับค่ากับ

บางครั้งเราต้องการฟังก์ชั่นที่จะส่งกลับค่าให้กับฟังก์ชั่นการโทร

โดยใช้คำสั่งกลับสามารถทำได้

เมื่อใช้คำสั่งกลับฟังก์ชันหยุดการดำเนินการและส่งกลับค่าที่ระบุ

ไวยากรณ์

function myFunction()
{
    var x=5;
    return x;
}

ฟังก์ชั่นดังกล่าวข้างต้นส่งกลับค่า 5

หมายเหตุ: ทั้ง JavaScript ไม่ได้หยุดการดำเนินการเพียงแค่ฟังก์ชั่น การเรียกใช้โค้ดจาวาสคริปต์จะยังคงจากที่ฟังก์ชั่นที่เรียกว่า

ฟังก์ชั่นการโทรจะถูกส่งกลับค่าทดแทน:

var myVar=myFunction();

ค่าของตัวแปร myvar คือ 5, ที่อยู่, "myFunction) (" ค่าส่งกลับโดยฟังก์ชั่น

ถ้าไม่ได้บันทึกเป็นตัวแปรที่คุณสามารถใช้ค่าตอบแทน:

document.getElementById("demo").innerHTML=myFunction();

innerHTML "สาธิต" องค์ประกอบจะเป็น 5, ที่อยู่, "() myFunction" ค่าส่งกลับโดยฟังก์ชั่น

คุณสามารถทำให้ค่าส่งกลับส่งผ่านไปยังฟังก์ชั่นเป็นไปตามพารามิเตอร์:

ตัวอย่าง

ผลิตภัณฑ์ของตัวเลขสองและส่งกลับผลลัพธ์:

function myFunction(a,b)
{
return a*b;
}

document.getElementById("demo").innerHTML=myFunction(4,3);

innerHTML "สาธิต" องค์ประกอบที่จะได้รับ:

12

ลอง»

เมื่อคุณเพียงต้องการที่จะออกจากฟังก์ชั่นคำสั่งกลับยังอาจถูกนำมาใช้ ค่าตอบแทนเป็นตัวเลือก: 

function myFunction(a,b)
{
	if (a>b)
	{
		return;
	}
	x=a+b
}

หากมีค่ามากกว่า B แล้วโค้ดข้างต้นจะออกจากฟังก์ชั่นและไม่ได้คำนวณผลรวมของและข

ตัวแปร JavaScript ที่ท้องถิ่น

ตัวแปร JavaScript ประกาศภายในฟังก์ชั่น (ใช้ var) เป็นตัวแปรท้องถิ่นจึงสามารถเข้าถึงได้เฉพาะภายในฟังก์ชั่น (ขอบเขตของตัวแปรท้องถิ่น)

คุณสามารถใช้ชื่อตัวแปรเดียวในท้องถิ่นในการทำงานแตกต่างกันเพราะประกาศเฉพาะฟังก์ชั่นของตัวแปรในการระบุตัวแปร

ตราบใดที่ฟังก์ชั่นเสร็จสมบูรณ์ตัวแปรท้องถิ่นจะถูกลบ

ตัวแปร JavaScript ทั่วโลก

ประกาศตัวแปรนอกฟังก์ชั่นเป็นตัวแปรระดับโลกที่สคริปต์และฟังก์ชั่นทั้งหมดในหน้าสามารถเข้าถึงได้

การอยู่รอดของตัวแปร JavaScript

ชีวิตของตัวแปร JavaScript จากเวลาที่พวกเขามีการประกาศที่จะเริ่มต้น

ตัวแปรท้องถิ่นจะถูกลบหลังจากฟังก์ชั่นมีการเรียกใช้

ตัวแปรทั่วโลกจะถูกลบหลังจากปิดของหน้า

กำหนดค่าตัวแปร JavaScript ที่ไม่ได้ประกาศ

หากคุณกำหนดค่าให้กับตัวแปรที่ยังไม่ได้รับการประกาศตัวแปรจะถูกประกาศโดยอัตโนมัติขณะที่ตัวแปรทั่วโลก

คำสั่งนี้:

carname="Volvo";

เราจะประกาศ carname ตัวแปรทั่วโลกถึงแม้ว่ามันจะดำเนินการภายในฟังก์ชั่น

บทแนะนำยอดนิยม

Contact US

ฟังก์ชัน JavaScript
10/30