ล่าสุดการพัฒนาเว็บบทเรียน
×

JS เกี่ยวกับการสอน

JS บ้าน JS บทนำ JS สถานที่ที่จะ JS ส่งออก JS วากยสัมพันธ์ JS งบ JS ความคิดเห็น JS ตัวแปร JS ผู้ประกอบการ JS คณิตศาสตร์ JS การมอบหมาย JS ชนิดข้อมูล JS ฟังก์ชั่น JS วัตถุ JS ขอบเขต JS เหตุการณ์ JS เงื่อนไข JS วิธีสตริง JS เบอร์ JS วิธีการจำนวน JS คณิตศาสตร์ JS วันที่ JS รูปแบบวันที่ JS วันวิธีการ JS แถว JS วิธีการอาร์เรย์ JS booleans JS เปรียบเทียบ JS เงื่อนไข JS สวิตซ์ JS ห่วง For JS ในขณะที่ห่วง JS หยุด JS ประเภทการแปลง JS นิพจน์ทั่วไป JS ข้อผิดพลาด JS แก้จุดบกพร่อง JS hoisting JS โหมดที่เข้มงวด JS คู่มือสไตล์ JS ปฏิบัติที่ดีที่สุด JS ข้อผิดพลาด JS ประสิทธิภาพ JS คำสงวน JS JSON

JS ฟอร์ม

แบบฟอร์มการตรวจสอบ รูปแบบ API

JS วัตถุ

นิยามวัตถุ คุณสมบัติของวัตถุ วิธีการของวัตถุ ต้นแบบวัตถุ

JS ฟังก์ชั่น

นิยามฟังก์ชั่น ค่าฟังก์ชัน ฟังก์ชั่นการภาวนา ปิดฟังก์ชั่น

JS HTML DOM

DOM แนะนำ DOM วิธีการ DOM เอกสาร DOM องค์ประกอบ DOM HTML DOM CSS DOM ภาพเคลื่อนไหว DOM เหตุการณ์ DOM EventListener DOM การเดินเรือ DOM โหนด DOM Nodelist

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

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS ตัวอย่าง

JS ตัวอย่าง JS HTML DOM JS HTML อินพุต JS HTML วัตถุ JS HTML เหตุการณ์ JS เบราว์เซอร์ JS ทดสอบ JS สรุป

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

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


 

JavaScriptฟังก์ชั่น


ฟังก์ชั่น JavaScript เป็นบล็อกของรหัสที่ออกแบบมาเพื่อดำเนินงานโดยเฉพาะ

ฟังก์ชั่นจาวาสคริปต์จะดำเนินการเมื่อ "อะไร" เรียกมัน (เรียกมัน)


ตัวอย่าง

function myFunction(p1, p2) {
    return p1 * p2;              // The function returns the product of p1 and p2
}
ลองตัวเอง»

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

ฟังก์ชั่นจาวาสคริปต์จะกำหนดด้วย function คำหลักตามด้วยชื่อตามด้วยวงเล็บ ()

ชื่อฟังก์ชันสามารถมีตัวอักษรตัวเลขขีดและสัญญาณดอลลาร์ (กฎเดียวกันเป็นตัวแปร)

วงเล็บอาจรวมถึงชื่อพารามิเตอร์คั่นด้วยเครื่องหมายจุลภาค:
(พารามิเตอร์ 1, พารามิเตอร์ 2, ... )

รหัสที่จะดำเนินการโดยฟังก์ชั่นที่มีอยู่ภายในวงเล็บปีกกา: {}

function name ( parameter1, parameter2, parameter3 ) {
    code to be executed
}

พารามิเตอร์ฟังก์ชั่นเป็นชื่อที่ระบุไว้ในคำนิยามของฟังก์ชั่น

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

ภายในฟังก์ชั่นการขัดแย้งทำตัวเป็นตัวแปรท้องถิ่น

ฟมากเช่นเดียวกับขั้นตอนการย่อยหรือในภาษาโปรแกรมอื่น ๆ


ฟังก์ชั่นการภาวนา

รหัสภายในฟังก์ชันที่จะดำเนินการเมื่อมีบางอย่าง "" จะเรียก (โทร) ฟังก์ชั่น:

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

คุณจะได้เรียนรู้มากขึ้นเกี่ยวกับการภาวนาฟังก์ชั่นต่อไปในการกวดวิชานี้


ย้อนกลับฟังก์ชั่น

เมื่อถึง JavaScript คำสั่งกลับฟังก์ชันจะหยุดการดำเนินการ

ถ้าฟังก์ชันถูกเรียกจากคำสั่ง JavaScript จะกลับ "" การดำเนินการรหัสหลังจากแถลงการณ์กล่าวอ้าง

ฟังก์ชั่นมักจะคำนวณค่าตอบแทน ค่าตอบแทนเป็น "กลับ" กลับไปที่ "โทร":

ตัวอย่าง

คำนวณผลิตภัณฑ์ของตัวเลขสองแล้วกลับมาผลที่ได้:

var x = myFunction(4, 3);        // Function is called, return value will end up in x

function myFunction(a, b) {
    return a * b;                // Function returns the product of a and b
}

ผลใน X จะเป็น:

12
ลองตัวเอง»

ทำไมฟังก์ชั่น?

คุณสามารถใช้รหัส: กำหนดรหัสครั้งเดียวและใช้งานได้หลายครั้ง

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

ตัวอย่าง

แปลงฟาเรนไฮต์เพื่อเซลเซียส:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
ลองตัวเอง»

() ผู้ประกอบการเรียกใช้ฟังก์ชั่น

โดยใช้ตัวอย่างข้างต้น toCelsius หมายถึงวัตถุที่ฟังก์ชั่นและ toCelsius() หมายถึงผลการทำงาน

ตัวอย่าง

การเข้าถึงฟังก์ชั่นโดยไม่ต้อง (ก) จะกลับมานิยามการทำงาน:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
ลองตัวเอง»

ฟังก์ชันที่ใช้เป็นตัวแปร

ใน JavaScript คุณสามารถใช้ฟังก์ชั่นแบบเดียวกับที่คุณใช้ตัวแปร

ตัวอย่าง

คุณสามารถใช้ได้:

var text = "The temperature is " + toCelsius(77) + " Celsius";

แทน:

var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
ลองตัวเอง»

คุณจะได้เรียนรู้มากขึ้นเกี่ยวกับฟังก์ชั่นต่อไปในการกวดวิชานี้


ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 »