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

สัญญาของ Store และการทำงานร่วมกัน

ทำความเข้าใจว่าออบเจ็กต์ใดจึงเป็น Svelte store ที่ถูกต้อง และใช้งาน store จากบุคคลที่สาม

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

ข้อตกลง

ออบเจ็กต์ใดก็ตามที่ใช้ subscribe(fn) และคืนค่าฟังก์ชันยกเลิกการสมัครรับข้อมูล ถือเป็นสโตร์ของ Svelte

เหตุผลที่เรื่องนี้สำคัญ

ข้อตกลงที่เรียบง่ายนี้ทำให้สามารถใช้ไลบรารีจากผู้พัฒนาภายนอกจำนวนมากเป็นสโตร์ของ Svelte ได้ทันที

ออบเซิร์ฟเวอร์ของ RxJS

เมธอด subscribe ของออบเซิร์ฟเวอร์ RxJS เข้ากันได้ หากห่อหุ้มเพิ่มเติมเล็กน้อย

ไลบรารีแบบอะตอมิก

ไลบรารีอย่าง nanostores และ zustand ทำงานร่วมกันได้ผ่านอะแดปเตอร์หรือใช้งานได้โดยตรง

การสร้างสโตร์ที่เข้ากันได้

สำหรับสโตร์แบบกำหนดเองของคุณเอง เพียงใช้งาน subscribe ให้ถูกต้อง

function myStore() {
  let val = 0;
  const subs = new Set();
  return {
    subscribe(fn) { fn(val); subs.add(fn); return () => subs.delete(fn); }
  };
}

ใช้ร่วมกับ $

หาก subscribe เข้ากันได้ รูปแบบย่อ $ จะทำงานโดยอัตโนมัติ

แหล่งข้อมูลแบบอะซิงโครนัส

สามารถเรียกใช้การเรียกกลับของ subscribe ได้ทุกเวลา รวมถึงแบบอะซิงโครนัส โดยส่งค่าใหม่เข้ามา

การตรวจสอบความเท่ากัน

ข้อตกลงนี้ไม่ได้กำหนดให้ต้องตรวจสอบความเท่ากัน โดย Svelte จะเรียกผู้สมัครรับข้อมูลทุกครั้ง

ผู้สมัครรับข้อมูลหลายราย

สโตร์ของคุณต้องแจ้งผู้สมัครรับข้อมูลปัจจุบันทั้งหมด ให้ใช้ Set หรือ Array

การล้างทรัพยากร

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

ไลบรารีสำหรับการทำงานร่วมกัน

ใช้ไลบรารีอย่าง svelte-rxjs หรือ @nanostores/svelte เพื่อเข้าถึงระบบนิเวศที่สมบูรณ์ยิ่งขึ้น

ตรวจสอบความเข้าใจ

subscribe() คืนค่าอะไร

สรุปทบทวน

สโตร์เป็นเพียงออบเจ็กต์ที่มีเมธอด subscribe ข้อตกลงนี้ทำให้ทำงานร่วมกับไลบรารีอื่นได้ง่าย

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

บทเรียน “สัญญาของ Store และการทำงานร่วมกัน” ฟรีหรือไม่

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

คุณจะเรียนรู้อะไรในบทเรียน “สัญญาของ Store และการทำงานร่วมกัน”

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

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

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

บทเรียน “สัญญาของ Store และการทำงานร่วมกัน” ใช้เวลานานแค่ไหน

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

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

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

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

  1. derived() สำหรับ Store ที่คำนวณค่า
  2. รูปแบบ Store กำหนดเองด้วย subscribe/set/update
  3. Readable จาก Writable
  4. สัญญาของ Store และการทำงานร่วมกัน
← กลับไปที่ Sveltejs Academy