Please enable JavaScript.
Coggle requires JavaScript to display documents.
วรธกร บริณายกานนท์ Java Script Objects (JavaScript Object Constructors…
วรธกร บริณายกานนท์
Java Script Objects
JavaScript Object Constructors
Boolean Objects
โดยปกติแลวบูลีนจะถูกสรางขึ้นเป็นแบบดั้งเดิม: var x = false แตบูลีนยังสามารถสรางเป็นวัตถุโดยใชnewคําหลัก:var x = new Boolean(false) เรียนรูวาทําไม booleans ไมควรจะสรางเป็นวัตถุในบทที่ JS Booleans
Number Objects
โดยปกติตัวเลขจะถูกสรางขึ้นเป็นแบบดั้งเดิม: var x = 123 แตยังสามารถสรางตัวเลขเป็นวัตถุโดยใชnewคําหลัก:var x = new Number(123) เรียนรูวาทําไมตัวเลขไมควรจะสรางเป็นวัตถุในบทที่ เบอร JS
Adding a Method to a Constructor
Adding a Property to an Object
Adding a Method to an Object
The this Keyword
ใน JavaScript สิ่งที่เรียกวาthisเป็นวัตถุที่ "เป็นเจาของ" รหัส มูลคาของthisเมื่อใชในวัตถุเป็นวัตถุเอง ในฟังกชั่นคอนสตรัคthisไมมีคา มันเป็นสิ่งทดแทนสําหรับวัตถุใหม มูลคาของthisจะกลายเป็นวัตถุใหมเมื่อมีการสรางวัตถุใหม
Object Types (Blueprints) (Classes)
" blueprint" สําหรับการสรางวัตถุจํานวนมากที่มี "ประเภท" เดียวกัน วิธีการสราง "ชนิดของวัตถุ" คือการใชฟังกชั่นคอนสตรัควัตถุ ในตัวอยางขางตนfunction Person()เป็นฟังกชันตัวสรางวัตถุ
String Objects
โดยปกติแลวสตริงจะถูกสรางเป็นพื้นฐาน: var firstName = "John" แตยังสามารถสรางสตริงเป็นวัตถุโดยใชnewคําหลัก:var firstName = new String("John") เรียนรูวาทําไมสตริงไมควรจะสรางเป็นวัตถุในบท JS Strings
JavaScript Object Accessors
JavaScript Function or Getter?
1 เขาถึง fullName เป็นฟังกชัน: person.fullName ()
2 เขาถึง fullName เป็นคุณสมบัติ: person.fullName
JavaScript Setter (The set Keyword)
ใชlangคุณสมบัติกับset คาของlanguageคุณสมบัติ
JavaScript Getter (The get Keyword)
ใชlangคุณสมบัติกับget คาของlanguageคุณสมบัติ
JavaScript Accessors (Getters and Setters)
มันมีประโยชนสําหรับการทําสิ่งตาง ๆ เบื้องหลัง
Object.defineProperty()
Object.defineProperty()วิธีนอกจากนี้ยังสามารถใชในการเพิ่ม Getters และ Setters
Data Quality
JavaScript สามารถรักษาความปลอดภัยของขอมูลไดดีขึ้นเมื่อใช getters และ setters
langในตัวอยางนี้การใชคุณสมบัติสงคืนคาของlanguageคุณสมบัติเป็น ตัวพิมพใหญ
JavaScript Object Methods
Accessing Object Methods
คุณเขาถึงวิธีวัตถุดวยไวยากรณตอไปนี้: objectName.methodName() โดยทั่วไปคุณจะอธิบาย fullName () เป็นวิธีการของวัตถุบุคคลและ fullName เป็นคุณสมบัติ คุณสมบัติ fullName จะดําเนินการ (เป็นฟังกชั่น) เมื่อมีการเรียกใชดวย ()
JavaScript Methods
วิธีการจาวาสคริปตคือการกระทําที่สามารถดําเนินการกับวัตถุ
จาวาสคริปตวิธีเป็นทรัพยสินที่มีความคมชัดฟังกชั่น
The this Keyword
ในนิยามฟังกชันthisหมายถึง "เจาของ" ของฟังกชัน ในตัวอยางขางตนthisเป็นวัตถุบุคคลที่ "เป็นเจาของ" ฟังกชันfullName กลาวอีกนัยหนึ่งthis.firstNameหมายถึงคุณสมบัติfirstNameของวัตถุนี้
JavaScript Object Properties
JavaScript Properties
คุณสมบัติคือคาที่เกี่ยวของกับวัตถุ JavaScript วัตถุ JavaScript คือชุดของคุณสมบัติที่ไมไดเรียงลําดับ โดยปกติคุณสมบัติสามารถเปลี่ยนแปลงเพิ่มและลบ
JavaScript for...in Loop
for...inคําสั่งJavaScript วนซําผานคุณสมบัติของวัตถุ
Accessing JavaScript Properties
The expression must evaluate to a property name.
Deleting Properties
The keyword deletes a property from an object delete
deleteลบคําหลักทั้งมูลคาของทรัพยสินและทรัพยสินของตัวเอง หลังจากลบแลวจะไมสามารถใชคุณสมบัติไดกอนที่จะถูกเพิ่มกลับมาอีก ครั้ง ตัว deleteดําเนินการถูกออกแบบมาเพื่อใชกับคุณสมบัติของวัตถุ มันไมมีผลกับตัวแปรหรือฟังกชั่น deleteผูประกอบการไมควรนํามาใชในการกําหนดไวลวงหนาคุณสมบัติ ของวัตถุ JavaScript แอปพลิเคชันของคุณอาจขัดของ
Adding New Properties
สมมติวาObjectบุคคลนั้นมีอยูแลว จากนั้นคุณสามารถใหคุณสมบัติใหม
Property Attributes
คุณลักษณะเหลานี้กําหนดวิธีการเขาถึงคุณสมบัติ (สามารถอานไดหรือไมมันเขียนไดหรือไม)
ใน JavaScript คุณลักษณะทั้งหมดสามารถอานได แตสามารถเปลี่ยนคาคุณสมบัติไดเทานั้น (และเฉพาะในกรณีที่คุณสมบัตินั้นเขียนได)
Prototype Properties
deleteคําหลักไมไดลบคุณสมบัติที่สืบทอดมา แตถาคุณลบคุณสมบัติตนแบบก็จะสงผลกระทบตอวัตถุทั้งหมดที่สืบทอ ดมาจากตนแบบ
JavaScript Objects
JavaScript Primitives
คาดั้งเดิมคือคาที่ไมมีคุณสมบัติหรือวิธีการ ชนิดขอมูลดั้งเดิมคือขอมูลที่มีคาดั้งเดิม
JS กําหนดประเภทของมูลดั้งเดิม 5 ประเภท
Boolean. null. string. number. undefined.
คาดั้งเดิมนั้นไมเปลี่ยนรูป (โคดที่ยากจะไมสามารถเปลี่ยแปลงได)
Objects are Variables
ตัวแปร JavaScript มีคาตัวแปรเพียงคาเดียว
Objects ของ js จะมีชุดคําสั่งอยูเสมอ
Object Properties
คาที่ระบุ Object ใน js จะเรียกวา Property
Object ที่เขียนเป็นคู จะมีชื่อของคา คลายกับดังตอไปนี้
Dictionaries in Python
Hash tables in C
Object Methods
วิธีการคือการกระทําที่สามารถทําไดบน Object
Property ของ Object เป็นไดทั้งคาดั้งเดิม และฟังกชัน
Creating a JavaScript Object
นั้นเราสามรถกําหนดและสรางวัตถุของเราเองไดโดยมีหลายวิธีในการส ราง Object ใหมดังนี้
กําหนดและสรางวัตถุเดียวโดย
กําหนดและสรางวัตถุเดียวดวยคําสั่งใหม
กําหนดและสรางวัตถุเดียวโดยใชวัตถุตามตัวอักษรนั้นๆ
JavaScript Objects are Mutable
Objects ไมแนนอนจะมีการแกไขโดยการอางอิงไมใชตามคา var x = person; // This will not create a copy of person.
JavaScript Object Prototypes
Using the prototype Property
prototypeคุณสมบัติJavaScript ชวยใหคุณเพิ่มคุณสมบัติใหมใหกับตัวสรางวัตถุ
Adding Properties and Methods to Objects
บางครั้งคุณตองการเพิ่มคุณสมบัติใหม (หรือวิธีการ) ไปยังวัตถุที่มีอยูทั้งหมดของประเภทที่กําหนด
บางครั้งคุณตองการเพิ่มคุณสมบัติใหม (หรือวิธีการ) เพื่อสรางวัตถุ
Prototype Inheritance
วัตถุ JavaScript ทั้งหมดสืบทอดคุณสมบัติและเมธอดจากตนแบบ: Date วัตถุสืบทอดมาจาก Date.prototype Array วัตถุสืบทอดมาจาก Array.prototype Person วัตถุสืบทอดมาจาก Person.prototype The Object.prototypeอยูดานบนของเชนการสืบทอดตนแบบ: DateวัตถุArrayวัตถุและวัตถุที่สืบทอดมาจากPersonObject.prototype