0Pricing
Javascript for Kids · บทเรียน

ออบเจ็กต์สัตว์เลี้ยง

อธิบายสัตว์เลี้ยง

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

รับเลี้ยง pet! 🐾

ถึงเวลาทำโปรเจกต์สนุก ๆ แล้ว! มาสร้าง pet โดยใช้ทุกอย่างที่เราเรียนรู้เกี่ยวกับ chest สมบัติหรือออบเจ็กต์กันเถอะ

เราจะบรรยาย pet อ่านข้อมูลของมัน และดูแลมันด้วย! 🐶🐱

สร้าง chest ของ pet 🧰

ขั้นแรกเราจะสร้างออบเจ็กต์ pet ของเรามีชื่อ ประเภท และอายุ!

let pet = {
  name: 'Coco',
  type: 'puppy',
  age: 1
}
console.log(pet)

กล่าวสวัสดีกับ pet ของคุณ 👋

มาอ่านชื่อและทักทายเพื่อนใหม่ของเรากันเถอะ!

let pet = { name: 'Coco', type: 'puppy', age: 1 }
console.log('Hello, ' + pet.name + '!')

บรรยาย pet ของคุณ 📝

มานำสมบัติทั้งหมดมาใส่ในประโยคสนุก ๆ เดียวกันเถอะ!

let pet = { name: 'Coco', type: 'puppy', age: 1 }
console.log(pet.name + ' is a ' + pet.type)

อายุเท่าไร? 🎂

มาบอกทุกคนกันว่า pet ของเรามีอายุเท่าไร

let pet = { name: 'Coco', age: 1 }
console.log(pet.name + ' is ' + pet.age + ' years old')

เพิ่มสมบัติความสุข 😊

มาเพิ่มสมบัติ NEW เพื่อดูว่า pet ของเรามีความสุขแค่ไหนกันเถอะ!

let pet = { name: 'Coco' }
pet.happiness = 5
console.log(pet.happiness)

ให้อาหาร pet 🍖

การให้อาหารทำให้ pet มีความสุขมากขึ้น! มาเพิ่มค่า happiness อีก 1 กันเถอะ

let pet = { name: 'Coco', happiness: 5 }
pet.happiness = pet.happiness + 1
console.log(pet.happiness)

วันเกิดของ pet! 🎉

วันนี้เป็นวันเกิดของ pet! ทำให้มันมีอายุมากขึ้นหนึ่งปี

let pet = { name: 'Coco', age: 1 }
pet.age = pet.age + 1
console.log(pet.name + ' is now ' + pet.age)

มอบสีให้ pet ของคุณ 🌈

มาเพิ่มสมบัติสี เพื่อให้เรารู้ว่า pet ของเรามีหน้าตาเป็นอย่างไรกันเถอะ!

let pet = { name: 'Coco' }
pet.color = 'golden'
console.log(pet.name + ' is ' + pet.color)

pet ของคุณหิวไหม? 🍽️

มาเพิ่มสมบัติแบบจริง/เท็จ เพื่อตรวจสอบว่า pet ของเราหิวหรือไม่กันเถอะ!

let pet = { name: 'Coco', hungry: true }
console.log('Hungry? ' + pet.hungry)
pet.hungry = false
console.log('Hungry now? ' + pet.hungry)

บัตรข้อมูล pet ฉบับสมบูรณ์ 🪪

มาแสดง pet ของเราให้เห็นพร้อมสมบัติ ALL กันเถอะ! เปลี่ยนค่าแล้วสร้าง pet ของ YOUR เอง 🌟

let pet = {
  name: 'Coco',
  type: 'puppy',
  age: 2,
  color: 'golden'
}
console.log(pet.name + ' the ' + pet.type)
console.log('Age: ' + pet.age)
console.log('Color: ' + pet.color)

ตรวจสอบอย่างรวดเร็ว ✅

ปริศนาสำหรับสมองข้อสุดท้ายเกี่ยวกับออบเจ็กต์ pet ของคุณ! 🧠

ทบทวนโปรเจกต์ pet 🎉

ยอดเยี่ยม! 🐾 คุณสร้าง pet ทั้งตัวด้วยออบเจ็กต์ได้แล้ว!

  • สร้าง chest ที่มีชื่อ ประเภท และอายุ
  • อ่านสมบัติเพื่อบรรยาย pet ของคุณ
  • เปลี่ยนและเพิ่มสมบัติเพื่อดูแล pet

ตอนนี้คุณเป็นผู้เชี่ยวชาญด้านออบเจ็กต์แล้ว! 🏆 ไปสร้าง pet ให้เพื่อนสักตัวสิ! 💛

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

บทเรียน “ออบเจ็กต์สัตว์เลี้ยง” ฟรีหรือไม่

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

คุณจะเรียนรู้อะไรในบทเรียน “ออบเจ็กต์สัตว์เลี้ยง”

อธิบายสัตว์เลี้ยง คุณปฏิบัติ Javascript for Kids ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

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

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

บทเรียน “ออบเจ็กต์สัตว์เลี้ยง” ใช้เวลานานแค่ไหน

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

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

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

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

  1. ออบเจ็กต์คืออะไร
  2. การอ่านคุณสมบัติ
  3. การเปลี่ยนคุณสมบัติ
  4. ออบเจ็กต์สัตว์เลี้ยง
← กลับไปที่ Javascript for Kids