มีแนวคิดของชั้นเรียนในภาษาที่มุ่งเน้นวัตถุ (เช่น Java) และผ่านชั้นเรียนคุณสามารถสร้างวัตถุจำนวนมากที่มีคุณสมบัติและวิธีการเดียวกัน อย่างไรก็ตาม JavaScript ไม่มีแนวคิดของชั้นเรียนดังนั้นวัตถุของมันจึงแตกต่างจากที่อยู่ในภาษาในชั้นเรียน
เพื่อให้เข้าใจการวางแนววัตถุคุณต้องเข้าใจวัตถุและต้นแบบในจาวาสคริปต์ก่อน ในบทความนี้เราเรียนรู้เกี่ยวกับวัตถุใน JavaScript เป็นหลัก
เกี่ยวกับวัตถุ
วัตถุเป็นประเภทอ้างอิง ค่าของวัตถุเป็นอินสแตนซ์ของประเภทการอ้างอิง ประเภทการอ้างอิงใน JavaScript เป็นโครงสร้างข้อมูลที่จัดระเบียบข้อมูลและฟังก์ชั่นร่วมกัน มันมักจะเรียกว่าชั้นเรียน แต่ไม่มีแนวคิดของชั้นเรียนใน JavaScript แม้ว่า JavaScript เป็นภาษาที่มุ่งเน้นวัตถุ แต่ก็ไม่มีโครงสร้างพื้นฐานเช่นคลาสและอินเทอร์เฟซที่สนับสนุนโดยภาษาเชิงวัตถุแบบดั้งเดิม
การสร้างวัตถุสองชิ้นและการดำเนินการทั่วไป
1. ใช้ตัวดำเนินการใหม่
<script> var user = new Object (); // สร้างวัตถุโดยใช้ตัวดำเนินการใหม่ user.name = 'ท่องบนทะเลสาบสามเหลี่ยม'; // เพิ่มแอตทริบิวต์ให้กับ Object user.age = 22; user.address = 'Hubei Wuhan'; การแจ้งเตือน (user.name + "" + user.age); // return 'ท่องบนทะเลสาบสามเหลี่ยม' Hubei Wuhan '</script>
หมายเหตุ: ในวิธีข้างต้นคำหลักใหม่สามารถละเว้นได้นั่นคือ Var user = new Object (); เทียบเท่ากับ var user = object ();
2. Json วิธีการสร้าง
สำหรับความรู้เกี่ยวกับ JSON คุณสามารถค้นหา Baidu
วัตถุ JSON ง่าย ๆ : {ชื่อ: 'การจดจำบนทะเลสาบสามเหลี่ยม', อายุ: 22, ที่อยู่: 'Hubei Wuhan'}
// สร้าง/*วัตถุ JSON ง่าย ๆ โดยใช้วิธี JSON: {ชื่อ: 'อ่านบนสามเหลี่ยมทะเลสาบ', อายุ: 22, ที่อยู่: 'Hubei Wuhan'}*/var user = {ชื่อ: 'อ่านบนทะเลสาบสามเหลี่ยม', อายุ: 22, ที่อยู่: 'hubei wuhan'};3. วิธีการมอบหมายแบบดั้งเดิม
// การมอบหมายแบบดั้งเดิม VAR USER = {}; user.name = 'จำไว้ในทะเลสาบสามเหลี่ยม'; // เพิ่มแอตทริบิวต์ให้กับ Object user.age = 22; user.address = 'Hubei Wuhan'; Alert (user.name + "" + user.age); // จำไว้ว่า 'จำไว้บนทะเลสาบสามเหลี่ยม' Hubei Wuhan '4. การเรียกอสังหาริมทรัพย์
มีสองวิธีในการเรียกคุณสมบัติวัตถุ:
ยกตัวอย่างตัวอย่างด้านบน เราใช้วิธีหนึ่งข้างต้นนั่นคือ '.' ผู้ประกอบการและวิธีการโทรมีดังนี้:
การแจ้งเตือน (user.name + "" + user.age); // return 'การจดจำในชายฝั่งของสามเหลี่ยมทะเลสาบ, Hubei Wuhan'
อีกวิธีหนึ่ง:
การแจ้งเตือน (ผู้ใช้ ['ชื่อ'] + "" + ผู้ใช้ ['อายุ']); // return 'การจดจำในชายฝั่งของทะเลสาบสามเหลี่ยม, hubei wuhan
5. เพิ่มวิธีการลงในวัตถุ
การเพิ่มวิธีการไปยังวัตถุและการเพิ่มคุณสมบัติให้กับตัวแปรนั้นคล้ายกันจริง ๆ รหัสเฉพาะมีดังนี้:
var user = {ชื่อ: 'อ่านบนสามเหลี่ยมทะเลสาบ', // เพิ่มแอตทริบิวต์อายุ: 22, ที่อยู่: 'Hubei Wuhan', showinfo: function () {// เพิ่มวิธีการแจ้งเตือน (this.name+"" this.age+"" this.address); // return ' วิธีการของวัตถุไปยังวัตถุ}; ฟังก์ชั่น showhello () {แจ้งเตือน ("สวัสดี!"); } user.showInfo (); // เรียกวิธีการ user.showhello ();6. ลบคุณสมบัติของวัตถุ
ใช้ตัวดำเนินการลบเพื่อลบแอตทริบิวต์ของวัตถุ รูปแบบ: ลบชื่อวัตถุ ชื่อแอตทริบิวต์
var user = {ชื่อ: 'อ่านบนสามเหลี่ยมทะเลสาบ', // เพิ่มแอตทริบิวต์อายุ: 22, ที่อยู่: 'hubei wuhan'}; แจ้งเตือน (user.name); // return 'อ่านบนสามเหลี่ยม Lake'delete user.name; // ลบแอตทริบิวต์ชื่อผู้ใช้สามสรุป
ที่นี่เราอธิบายสั้น ๆ เกี่ยวกับการสร้างวัตถุการเพิ่มวิธีการของวัตถุและการลบคุณสมบัติของวัตถุใน JavaScript วัตถุเป็นส่วนที่ค่อนข้างสำคัญและพื้นฐานในการมุ่งเน้นวัตถุ JavaScript โดยการชี้แจงการดำเนินการทั่วไปของวัตถุเท่านั้นที่สามารถพัฒนาวัตถุที่มุ่งเน้นวัตถุได้
ด้านบนเป็นวัตถุและต้นแบบในจาวาสคริปต์แนะนำให้คุณทราบโดยตัวแก้ไข (I) ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!