การสร้าง Store ที่เขียนได้
สร้าง store ที่เขียนได้และกำหนดค่าเริ่มต้นให้
การสร้าง Store ที่เขียนได้ เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
เหตุผลที่ต้องใช้สโตร์
สโตร์เก็บสถานะแบบรีแอกทีฟที่สามารถใช้ร่วมกันระหว่างคอมโพเนนต์ได้ เหมาะสำหรับสถานะส่วนกลาง เช่น ผู้ใช้ปัจจุบัน
นำเข้าสโตร์แบบเขียนได้
ตัวสร้าง writable มาจาก svelte/store
import { writable } from "svelte/store";สโตร์พื้นฐาน
ส่งค่าเริ่มต้นเพื่อสร้างสโตร์
export const count = writable(0);ค่าเริ่มต้นเป็นออบเจ็กต์
สโตร์เก็บค่าใดก็ได้ เช่น ตัวเลข สตริง อาร์เรย์ และออบเจ็กต์
export const user = writable({ name: "", email: "" });ส่วนติดต่อของสโตร์
ทุกสโตร์มีเมธอดสามรายการ ได้แก่ subscribe, set และ update
เมธอดกำหนดค่า
แทนที่ค่าทั้งหมด
count.set(10);เมธอดอัปเดต
แปลงค่าปัจจุบันด้วยฟังก์ชันเรียกกลับ
count.update(n => n + 1);ไฟล์โมดูล
โดยทั่วไปจะประกาศสโตร์ไว้ในไฟล์โมดูลที่ใช้ร่วมกัน เช่น src/lib/stores.js แล้วนำเข้าไปใช้ที่อื่น
ค่าเริ่มต้นแบบคงที่
ค่าเริ่มต้นอาจโหลดจาก localStorage หรือใช้ค่าเริ่มต้นที่กำหนดไว้ก็ได้
const init = JSON.parse(localStorage.getItem("count") ?? "0");
export const count = writable(init);ไม่สร้างซ้ำ
การเรียก writable() แต่ละครั้งจะสร้างสโตร์ใหม่หนึ่งรายการ ให้ใช้ชุดเดียวกันร่วมกันระหว่างการนำเข้า
แนวทางการตั้งชื่อ
เลือกชื่อที่สื่อความหมาย เช่น currentUser โดยชื่อสโตร์มักลงท้ายด้วยคำนามของโดเมน
ตรวจสอบอย่างรวดเร็ว
เมธอดใดใช้แทนที่ค่า
สรุป
สร้างสโตร์แบบเขียนได้ด้วย writable(initial) ซึ่งมี subscribe, set และ update
คำถามที่พบบ่อย
บทเรียน “การสร้าง Store ที่เขียนได้” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การสร้าง Store ที่เขียนได้” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การสร้าง Store ที่เขียนได้”
สร้าง store ที่เขียนได้และกำหนดค่าเริ่มต้นให้ คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน
บทเรียน “การสร้าง Store ที่เขียนได้” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การสร้าง Store ที่เขียนได้
- การสมัครด้วย $ แบบสมัครอัตโนมัติ
- การอัปเดต Store: set() และ update()
- Store แบบ readable และฟังก์ชันเริ่มต้นกำหนดเอง