Latest web development tutorials
×

JavaScript หลักสูตร

JavaScript หลักสูตร JavaScript แนะนำโดยย่อ JavaScript การใช้ JavaScript ส่งออก JavaScript ไวยากรณ์ JavaScript งบ JavaScript หมายเหตุ JavaScript ตัวแปร JavaScript ชนิดข้อมูล JavaScript วัตถุ JavaScript ฟังก์ชัน JavaScript ขอบเขต JavaScript เหตุการณ์ JavaScript เชือก JavaScript ผู้ประกอบการ JavaScript เปรียบเทียบ JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript ประเภทการแปลง JavaScript นิพจน์ปกติ JavaScript ความผิดพลาด JavaScript แก้จุดบกพร่อง JavaScript ยกตัวแปร JavaScript โหมดที่เข้มงวด JavaScript ใช้ไม่เหมาะสม JavaScript รูปแบบการตรวจสอบสิทธิ์ JavaScript ลิขสิทธิ์คำสำคัญ JavaScript JSON JavaScript void JavaScript ข้อมูลจำเพาะรหัส

JS ฟังก์ชัน

JavaScript นิยามฟังก์ชัน JavaScript อาร์กิวเมนต์ของฟังก์ชัน JavaScript เรียกใช้ฟังก์ชัน JavaScript การปิด

JS HTML DOM

DOM แนะนำโดยย่อ DOM HTML DOM CSS DOM เหตุการณ์ DOM EventListener DOM ธาตุ

JS การสอนที่ทันสมัย

JavaScript วัตถุ JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp วัตถุ

JS เบราว์เซอร์ BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ป๊อป JavaScript เหตุการณ์หมดเวลา JavaScript Cookies

JS โกดัง

JavaScript โกดัง JavaScript ทดสอบ jQuery JavaScript ทดสอบ Prototype

JS ตัวอย่าง

JavaScript ตัวอย่าง JavaScript ตัวอย่างวัตถุ JavaScript วัตถุเช่นเบราว์เซอร์ JavaScript HTML DOM ตัวอย่าง JavaScript ย่อ

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ

ฟังก์ชัน 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 ตัวแปรทั่วโลกถึงแม้ว่ามันจะดำเนินการภายในฟังก์ชั่น