JavaScript Academy · บทเรียน

รีจิสทรี Symbol ส่วนกลาง

แชร์ Symbol ด้วย Symbol.for และ keyFor

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

รีจิสทรีที่ใช้ร่วมกัน

รีจิสทรีสัญลักษณ์ global ช่วยให้คุณสร้างสัญลักษณ์ที่ใช้ร่วมกันได้ทั่วทั้งโปรแกรมด้วย key แทนที่จะไม่ซ้ำกันอยู่เสมอ

const a = Symbol.for("app.id")
const b = Symbol.for("app.id")
console.log(a === b)

Symbol.for

Symbol.for ค้นหาสัญลักษณ์ด้วย key ที่เป็นข้อความในรีจิสทรี หากมีสัญลักษณ์นั้นอยู่แล้วก็จะส่งคืนสัญลักษณ์เดิม มิฉะนั้นจะสร้างสัญลักษณ์ใหม่และจัดเก็บไว้

const token = Symbol.for("token")
console.log(token.description)

ตัวตนที่ใช้ร่วมกัน

ต่างจากการเรียกใช้สัญลักษณ์ทั่วไป การเรียกใช้ Symbol.for สองครั้งด้วย key เดียวกันจะส่งคืนสัญลักษณ์ตัวเดียวกันจริง ๆ ดังนั้นจึงเปรียบเทียบว่าเท่ากัน

const x = Symbol.for("shared")
const y = Symbol.for("shared")
console.log(x === y)

เปรียบเทียบกับสัญลักษณ์ทั่วไป

การเรียกใช้สัญลักษณ์ทั่วไปจะสร้างสัญลักษณ์ใหม่ที่ไม่ซ้ำกันเสมอ ขณะที่ Symbol.for จะนำรายการเดิมในรีจิสทรีกลับมาใช้เมื่อใช้ key เดียวกัน

const local1 = Symbol("k")
const local2 = Symbol("k")
const global1 = Symbol.for("k")
const global2 = Symbol.for("k")
console.log(local1 === local2)
console.log(global1 === global2)

Symbol.keyFor

Symbol.keyFor ทำงานย้อนกลับ โดยเมื่อได้รับสัญลักษณ์จากรีจิสทรี จะส่งคืน key ที่ใช้สร้างสัญลักษณ์นั้นเป็นข้อความ

const s = Symbol.for("config")
console.log(Symbol.keyFor(s))

keyFor กับสัญลักษณ์ภายใน

สำหรับสัญลักษณ์ที่ไม่ได้อยู่ในรีจิสทรี Symbol.keyFor จะส่งคืนค่าไม่กำหนด ซึ่งใช้ตรวจสอบได้ว่าสัญลักษณ์นั้นเป็น global หรือไม่

const local = Symbol("private")
const global = Symbol.for("public")
console.log(Symbol.keyFor(local))
console.log(Symbol.keyFor(global))

การใช้ร่วมกันข้ามโมดูล

รีจิสทรีนี้ใช้ร่วมกันได้แม้อยู่คนละส่วนของแอปพลิเคชัน เช่น อยู่คนละโมดูล จึงเหมาะสำหรับ key ที่ใช้ประสานงานร่วมกันและเป็นที่รู้จัก

function getKey() { return Symbol.for("event.bus") }
console.log(getKey() === Symbol.for("event.bus"))

หลักการตั้งชื่อ

เนื่องจากรีจิสทรีเป็น global ควรเติมคำนำหน้าให้ key เพื่อหลีกเลี่ยงการชนกับไลบรารีอื่น เช่น ใช้เนมสเปซที่เป็นชื่อแอปพลิเคชันของคุณ

const a = Symbol.for("myapp.user.id")
const b = Symbol.for("myapp.user.id")
console.log(a === b)

รีจิสทรีคงอยู่

เมื่อ key ถูกลงทะเบียนแล้ว การเรียกใช้ Symbol.for ด้วย key เดิมในภายหลังจะส่งคืนสัญลักษณ์ตัวเดิมตลอดอายุการทำงานของโปรแกรม

Symbol.for("once")
const again = Symbol.for("once")
console.log(Symbol.keyFor(again))

ควรใช้รีจิสทรีเมื่อใด

ใช้รีจิสทรีเมื่อโค้ดคนละส่วนจำเป็นต้องเห็นพ้องกันเกี่ยวกับสัญลักษณ์เดียวกันด้วยชื่อ ใช้สัญลักษณ์ทั่วไปเมื่อความไม่ซ้ำกันและความเป็นส่วนตัวสำคัญกว่า

const sharedFlag = Symbol.for("feature.enabled")
const privateFlag = Symbol("feature.enabled")
console.log(sharedFlag === Symbol.for("feature.enabled"))
console.log(privateFlag === Symbol.for("feature.enabled"))

การใช้ร่วมกับ key ของออบเจ็กต์

สัญลักษณ์จากรีจิสทรีใช้เป็น key ของออบเจ็กต์ได้เช่นกัน ทำให้เก็บข้อมูลกำกับร่วมกันได้ โดยโมดูลที่ทำงานร่วมกันสามารถอ่านข้อมูลได้ด้วยการดึงสัญลักษณ์นั้นกลับมาอีกครั้ง

const META = Symbol.for("meta")
const obj = { [META]: "shared data" }
console.log(obj[Symbol.for("meta")])

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

ทดสอบความรู้เกี่ยวกับรีจิสทรี

สรุปทบทวน

สรุปทบทวน: รีจิสทรี global ช่วยใช้สัญลักษณ์ร่วมกันด้วย key

Symbol.for นำสัญลักษณ์จากรีจิสทรีเดิมกลับมาใช้หรือสร้างสัญลักษณ์ใหม่
key เดียวกันจะส่งคืนสัญลักษณ์ตัวเดียวกัน
Symbol.keyFor ส่งคืน key หรือค่าไม่กำหนดสำหรับสัญลักษณ์ภายใน
ใช้เนมสเปซกับ key เพื่อหลีกเลี่ยงการชนกัน

const a = Symbol.for("k")
console.log(Symbol.keyFor(a))

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

บทเรียน “รีจิสทรี Symbol ส่วนกลาง” ฟรีหรือไม่

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

คุณจะเรียนรู้อะไรในบทเรียน “รีจิสทรี Symbol ส่วนกลาง”

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

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

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

บทเรียน “รีจิสทรี Symbol ส่วนกลาง” ใช้เวลานานแค่ไหน

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

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

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

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

← กลับไปที่ JavaScript Academy