0Pricing
JavaScript Academy · บทเรียน

การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร

การประกาศฟังก์ชันเทียบกับนิพจน์ ฟังก์ชันลูกศร และรูปแบบการใช้งานง่าย ๆ

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

บทนำ

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

  • การประกาศ
  • นิพจน์
  • พื้นฐานฟังก์ชันลูกศร
การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร — ภาพประกอบ 1

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

การประกาศฟังก์ชันจะถูกยกขึ้นก่อนเริ่มทำงาน ดังนั้นอาจวางการเรียกใช้ไว้ก่อนนิยามฟังก์ชันได้

// 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"));
การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร — ภาพประกอบ 2

นิพจน์ฟังก์ชัน

นิพจน์ฟังก์ชันจะถูกสร้างขณะทำงาน จึงควรเรียกใช้หลังบรรทัดกำหนดค่า

// 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));
การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร — ภาพประกอบ 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));
การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร — ภาพประกอบ 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"));
การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร — ภาพประกอบ 5

เคล็ดลับสำหรับผู้เริ่มต้น

เคล็ดลับ:

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

แบบทดสอบการยกขึ้น

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

การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร — ภาพประกอบ 7

สรุป

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

การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร — ภาพประกอบ 8

คำถามที่พบบ่อย

บทเรียน “การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. การประกาศกับนิพจน์ และพื้นฐานฟังก์ชันลูกศร
  2. พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ
  3. พื้นฐาน this และ call/apply/bind (บทนำ)
← กลับไปที่ JavaScript Academy