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

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 คำหลัก

คุณสามารถใช้ฟังก์ชั่นการประกาศหรือการแสดงออกของฟังก์ชั่น


ประกาศฟังก์ชัน

ก่อนหน้านี้ในการกวดวิชานี้คุณได้เรียนรู้ว่าการทำงานมีการประกาศกับไวยากรณ์ต่อไปนี้:

function functionName ( parameters ) {
  code to be executed
}

ฟังก์ชั่นการประกาศจะไม่ดำเนินการได้ทันที พวกเขาเป็น "บันทึกไว้เพื่อใช้ในภายหลัง" และจะดำเนินการต่อมาเมื่อพวกเขาถูกเรียก (เรียกร้อง)

ตัวอย่าง

function myFunction(a, b) {
    return a * b;
}
ลองตัวเอง»

อัฒภาคจะใช้ในการแยกงบ JavaScript ปฏิบัติการ
นับตั้งแต่การประกาศฟังก์ชั่นไม่ได้เป็นคำสั่งปฏิบัติการก็ไม่ได้เป็นเรื่องธรรมดาที่จะจบมันด้วยเครื่องหมายอัฒภาค


ฟังก์ชั่นการแสดงออก

ฟังก์ชัน JavaScript นอกจากนี้ยังสามารถกำหนดโดยใช้การแสดงออก

นิพจน์ฟังก์ชั่นที่สามารถเก็บไว้ในตัวแปร:

ตัวอย่าง

var x = function (a, b) {return a * b};
ลองตัวเอง»

หลังจากที่มีการแสดงออกของฟังก์ชั่นได้รับการจัดเก็บไว้ในตัวแปรตัวแปรสามารถใช้เป็นฟังก์ชั่น:

ตัวอย่าง

var x = function (a, b) {return a * b};
var z = x(4, 3);
ลองตัวเอง»

ฟังก์ชั่นดังกล่าวข้างต้นเป็นจริงฟังก์ชั่นที่ไม่ระบุชื่อ (ฟังก์ชั่นไม่มีชื่อ)

ฟังก์ชั่นที่เก็บไว้ในตัวแปรที่ไม่จำเป็นต้องมีชื่อฟังก์ชัน พวกเขาจะเรียกเสมอ (เรียก) โดยใช้ชื่อตัวแปร

ฟังก์ชั่นข้างต้นลงท้ายด้วยเครื่องหมายอัฒภาคเพราะมันเป็นส่วนหนึ่งของคำสั่งปฏิบัติการ


Function() สร้าง

ในขณะที่คุณได้เห็นในตัวอย่างก่อนหน้านี้ฟังก์ชัน JavaScript จะถูกกำหนดด้วย function คำหลัก

ฟังก์ชั่นนี้ยังสามารถกำหนดด้วยที่เรียกว่าสร้างขึ้นในตัวสร้างฟังก์ชัน JavaScript Function()

ตัวอย่าง

var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);
ลองตัวเอง»

จริงๆแล้วคุณไม่จำเป็นต้องใช้ตัวสร้างฟังก์ชั่น ตัวอย่างข้างต้นเป็นเช่นเดียวกับการเขียน:

ตัวอย่าง

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

var x = myFunction(4, 3);
ลองตัวเอง»

ส่วนใหญ่เวลาที่คุณสามารถหลีกเลี่ยงการใช้ new คำหลักใน JavaScript


Function Hoisting

ก่อนหน้านี้ในการกวดวิชานี้คุณได้เรียนรู้เกี่ยวกับ "hoisting"

ยกเป็นพฤติกรรมปกติของ JavaScript ในการเคลื่อนย้ายการประกาศไปด้านบนของขอบเขตปัจจุบัน

hoisting นำไปใช้กับการประกาศตัวแปรและฟังก์ชั่นการประกาศ

ด้วยเหตุนี้ฟังก์ชัน JavaScript สามารถเรียกได้ว่าก่อนที่จะมีการประกาศ:

myFunction(5);

function myFunction(y) {
    return y * y;
}

ฟังก์ชั่นที่กำหนดไว้โดยใช้การแสดงออกจะไม่ยก


ฟังก์ชั่นตัวเองกล่าวอ้าง

ฟังก์ชั่นการแสดงออกสามารถทำ "ด้วยตนเองกล่าวอ้าง"

แสดงออกด้วยตนเองกล่าวอ้างถูกเรียก (เริ่ม) โดยอัตโนมัติโดยไม่ต้องถูกเรียกว่า

ฟังก์ชั่นการแสดงออกจะดำเนินการโดยอัตโนมัติหากการแสดงออกตามด้วย ()

คุณไม่สามารถเรียกตัวเองประกาศฟังก์ชั่น

คุณจะต้องเพิ่มวงเล็บฟังก์ชั่นเพื่อบ่งชี้ว่ามันคือการแสดงออกฟังก์ชั่น:

ตัวอย่าง

(function () {
    var x = "Hello!!";      // I will invoke myself
})();
ลองตัวเอง»

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


ฟังก์ชั่นที่สามารถใช้เป็นค่านิยม

ฟังก์ชัน JavaScript สามารถใช้เป็นค่า:

ตัวอย่าง

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

var x = myFunction(4, 3);
ลองตัวเอง»

ฟังก์ชัน JavaScript สามารถนำมาใช้ในการแสดงออก:

ตัวอย่าง

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

var x = myFunction(4, 3) * 2;
ลองตัวเอง»

ฟังก์ชั่นเป็นวัตถุ

typeof ผู้ประกอบการใน JavaScript ส่งกลับ "function" สำหรับการทำงาน

แต่ฟังก์ชั่นจาวาสคริปต์ได้ดีที่สุดจะอธิบายว่าเป็นวัตถุ

ฟังก์ชั่นจาวาสคริปต์มีทั้งคุณสมบัติและวิธีการ

สถานที่ให้บริการ arguments.length ส่งกลับจำนวนของการขัดแย้งได้รับเมื่อฟังก์ชั่นถูกเรียก:

ตัวอย่าง

function myFunction(a, b) {
    return arguments.length;
}
ลองตัวเอง»

toString() วิธีการส่งกลับฟังก์ชันเป็นสตริง:

ตัวอย่าง

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

var txt = myFunction.toString();
ลองตัวเอง»

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