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

พารามิเตอร์อย่างง่าย
พารามิเตอร์ช่วยให้ผู้เรียกใช้ส่งค่าเข้าไปในฟังก์ชันของคุณได้
// Simple parameters
function greet(name) {
// Make a message from the input
const message = "Hello, " + name + "!";
console.log(message);
}
greet("Ayla");

พารามิเตอร์ค่าเริ่มต้น
ใช้ค่าเริ่มต้นเพื่อให้ฟังก์ชันยังทำงานได้เมื่อไม่มีอาร์กิวเมนต์
// Default parameter
function welcome(name = "Guest") {
// If no name is given, "Guest" is used
console.log("Welcome, " + name);
}
welcome("Mina");
welcome();

พารามิเตอร์ส่วนที่เหลือ
พารามิเตอร์ส่วนที่เหลือจะรวบรวมอาร์กิวเมนต์ที่เหลือไว้ในอาร์เรย์ และต้องอยู่เป็นพารามิเตอร์ตัวสุดท้าย
// 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));

ค่าที่ส่งกลับ
ส่งผลลัพธ์เดียวที่ชัดเจนกลับมา ควรตรวจสอบค่าอินพุตก่อนเพื่อให้โค้ดปลอดภัยยิ่งขึ้น
// 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));

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

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

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

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