การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร
การประกาศฟังก์ชันเทียบกับนิพจน์ ฟังก์ชันลูกศร และรูปแบบการใช้งานง่าย ๆ
การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
บทนำ
เป้าหมาย: แยกการประกาศฟังก์ชันออกจากนิพจน์ เรียนรู้ไวยากรณ์พื้นฐานของฟังก์ชันลูกศร และเลือกรูปแบบที่เรียบง่ายที่สุดให้เหมาะกับงาน
- การประกาศ
- นิพจน์
- พื้นฐานฟังก์ชันลูกศร

การประกาศฟังก์ชัน
การประกาศฟังก์ชันจะถูกยกขึ้นก่อนเริ่มทำงาน ดังนั้นอาจวางการเรียกใช้ไว้ก่อนนิยามฟังก์ชันได้
// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));
function greet(name) {
return "Hello, " + name + "!";
}
console.log(greet("Coder"));

นิพจน์ฟังก์ชัน
นิพจน์ฟังก์ชันจะถูกสร้างขณะทำงาน จึงควรเรียกใช้หลังบรรทัดกำหนดค่า
// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
return a + b;
};
console.log("Sum:", add(2, 3));

พื้นฐานฟังก์ชันลูกศร
ฟังก์ชันลูกศรมีรูปแบบกระชับ หากมีพารามิเตอร์เพียงตัวเดียว สามารถละวงเล็บได้ และหากส่วนการทำงานมีเพียงบรรทัดเดียว ก็ละคำสั่ง ส่งค่ากลับได้
// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
return n * 2;
};
const square = n => n * 2; // simple one-liner for demo
console.log(double(4));
console.log(square(4));

การเลือกรูปแบบ
ใช้การประกาศฟังก์ชันสำหรับเครื่องมืออรรถประโยชน์ที่มีชื่อ และใช้ฟังก์ชันลูกศรสำหรับฟังก์ชันช่วยขนาดเล็กที่เขียนแทรกอยู่ในโค้ด
// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
return "Title: " + name;
}
// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();
console.log(toTitle("Intro"));
console.log(shout("hello"));

เคล็ดลับสำหรับผู้เริ่มต้น
เคล็ดลับ:
- ตั้งชื่อฟังก์ชันตามสิ่งที่ฟังก์ชันทำ
- ให้แต่ละฟังก์ชันรับผิดชอบงานเล็ก ๆ เพียงอย่างเดียว
- ควรใช้ส่วนการทำงานที่สั้น ไม่ซ้อนลึก และส่งค่ากลับอย่างชัดเจน

แบบทดสอบการยกขึ้น
ตรวจสอบอย่างรวดเร็ว: พฤติกรรมการยกขึ้น

สรุป
สรุป: การประกาศฟังก์ชันจะถูกยกขึ้นและเหมาะกับเครื่องมืออรรถประโยชน์ที่มีชื่อ ส่วนนิพจน์ฟังก์ชันและฟังก์ชันลูกศรจะถูกสร้างขณะทำงาน และเหมาะอย่างยิ่งกับฟังก์ชันช่วยขนาดเล็ก

คำถามที่พบบ่อย
บทเรียน “การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร”
การประกาศฟังก์ชันเทียบกับนิพจน์ ฟังก์ชันลูกศร และรูปแบบการใช้งานง่าย ๆ คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน
บทเรียน “การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม
ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร
- พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ
- พื้นฐาน this และ call/apply/bind (บทนำ)