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