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

พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ

ทำงานกับพารามิเตอร์ ค่าเริ่มต้น พารามิเตอร์ส่วนที่เหลือ และค่าที่ส่งกลับที่ชัดเจนในฟังก์ชันขนาดเล็กและอ่านง่าย

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

บทนำ

เป้าหมาย: ส่งค่าเข้าไปในฟังก์ชันอย่างปลอดภัย และส่งผลลัพธ์กลับอย่างชัดเจน

  • พารามิเตอร์ที่จำเป็นเทียบกับพารามิเตอร์ค่าเริ่มต้น
  • พารามิเตอร์ส่วนที่เหลือ
  • ค่าที่ส่งกลับ
พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ — ภาพประกอบ 1

พารามิเตอร์อย่างง่าย

พารามิเตอร์ช่วยให้ผู้เรียกใช้ส่งค่าเข้าไปในฟังก์ชันของคุณได้

// Simple parameters
function greet(name) {
  // Make a message from the input
  const message = "Hello, " + name + "!";
  console.log(message);
}

greet("Ayla");
พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ — ภาพประกอบ 2

พารามิเตอร์ค่าเริ่มต้น

ใช้ค่าเริ่มต้นเพื่อให้ฟังก์ชันยังทำงานได้เมื่อไม่มีอาร์กิวเมนต์

// Default parameter
function welcome(name = "Guest") {
  // If no name is given, "Guest" is used
  console.log("Welcome, " + name);
}

welcome("Mina");
welcome();
พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ — ภาพประกอบ 3

พารามิเตอร์ส่วนที่เหลือ

พารามิเตอร์ส่วนที่เหลือจะรวบรวมอาร์กิวเมนต์ที่เหลือไว้ในอาร์เรย์ และต้องอยู่เป็นพารามิเตอร์ตัวสุดท้าย

// Rest parameter: gather extra args into an array
function sum(...nums) {
  // nums is an array of all arguments
  let total = 0;
  for (const n of nums) {
    total = total + n;
  }
  return total;
}

console.log("Sum A:", sum(1, 2));
console.log("Sum B:", sum(1, 2, 3, 4));
พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ — ภาพประกอบ 4

ค่าที่ส่งกลับ

ส่งผลลัพธ์เดียวที่ชัดเจนกลับมา ควรตรวจสอบค่าอินพุตก่อนเพื่อให้โค้ดปลอดภัยยิ่งขึ้น

// Return a value clearly
function areaOfRectangle(w, h) {
  // Validate simple inputs
  if (typeof w !== "number" || typeof h !== "number") {
    return 0;
  }
  // Compute and return the result
  const area = w * h;
  return area;
}

console.log("Area:", areaOfRectangle(3, 4));
console.log("Area bad:", areaOfRectangle("3", 4));
พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ — ภาพประกอบ 5

เคล็ดลับเกี่ยวกับพารามิเตอร์และค่าที่ส่งกลับ

เคล็ดลับ:

  • วางพารามิเตอร์ส่วนที่เหลือไว้เป็นตัวสุดท้าย
  • ทำรายการพารามิเตอร์ให้สั้น
  • ใช้ค่าเริ่มต้นสำหรับค่าทดแทนทั่วไป
  • ส่งค่ากลับเป็นชนิดข้อมูลที่คาดเดาได้เสมอ
พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ — ภาพประกอบ 6

แบบทดสอบพารามิเตอร์ส่วนที่เหลือ

ตรวจสอบอย่างรวดเร็ว: ไวยากรณ์ของพารามิเตอร์ส่วนที่เหลือ

พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ — ภาพประกอบ 7

สรุป

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

พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ — ภาพประกอบ 8

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

บทเรียน “พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ”

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

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน

บทเรียน “พารามิเตอร์ ค่าเริ่มต้น ส่วนที่เหลือ และค่าที่ส่งกลับ” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม

ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

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

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