วัตถุใน JavaScript นั้นแตกต่างจากภาษาการเขียนโปรแกรมเชิงวัตถุทั่วไป (C ++, Java ฯลฯ ) และมีเพียงไม่กี่คนที่บอกว่ามันเป็นภาษาการเขียนโปรแกรมเชิงวัตถุเพราะไม่มีชั้นเรียน JavaScript มีเพียงวัตถุไม่ใช่อินสแตนซ์ของคลาส วัตถุในจาวาสคริปต์นั้นใช้ต้นแบบ
1.1 การสร้างผู้ให้บริการระยะเวลา
วัตถุในจาวาสคริปต์เป็นอาร์เรย์ที่เชื่อมโยงกันซึ่งประกอบด้วยแอตทริบิวต์ แอตทริบิวต์ประกอบด้วยชื่อและค่า ประเภทของค่าสามารถเป็นประเภทข้อมูลหรือฟังก์ชั่นและวัตถุอื่น ๆ
สร้างวัตถุง่าย ๆ :
var foo = {}; foo.prop_1 = 'bar'; foo.prop_2 = false; foo.prop_3 = function () {return 'Hello World'; } console.log (foo.prop_3 ());กำหนดค่าให้กับ FOO โดยอ้างอิง {} เป็นการแสดงถึงค่าตัวอักษรของวัตถุ var foo = {} ยังสามารถสร้างการแสดงวัตถุโดย var foo = new Object ()
1.2 สร้างวัตถุโดยใช้อาร์เรย์เชื่อมโยง
var foo = {}; foo ['prop_1'] = 'bar'; foo ['prop_2'] = false; foo ['prop_3'] = function () {return 'hello world'; -การใช้ผู้ให้บริการระยะเวลาและการอ้างอิงอาร์เรย์แบบเชื่อมโยงใน JavaScript นั้นเทียบเท่ากัน ข้อได้เปรียบของการใช้อาร์เรย์แบบเชื่อมโยงคือเมื่อเราไม่ทราบชื่อแอตทริบิวต์ของวัตถุเราสามารถใช้ตัวแปรเป็นดัชนีของอาร์เรย์เชื่อมโยง ตัวอย่างเช่น:
var some_prop = 'prop_2'; foo [some_prop] = false;
1.3 สร้างวัตถุโดยใช้การเริ่มต้นวัตถุ
โดยทั่วไปเมื่อเราใช้เราใช้วิธีการต่อไปนี้เพื่อสร้างวัตถุ:
var foo = {prop1: 'bar', prop2: false, prop3: function () {return 'hello world';}};วิธีการนิยามนี้เรียกว่าวัตถุที่ได้รับการเริ่มต้น
1.4 สร้างวัตถุผ่านตัวสร้าง
วัตถุที่สร้างขึ้นก่อนหน้านี้เป็นเพียงครั้งเดียว หากเราต้องการสร้างวัตถุหลายรายการที่วางแผนไว้มีคุณสมบัติคงที่หลายวิธีวิธีการและสามารถเริ่มต้นได้ เราสามารถสร้างวัตถุที่ซับซ้อนผ่านตัวสร้าง:
ฟังก์ชันผู้ใช้ (ชื่อ, uri) {this.name = name; this.uri = uri; this.display = function () {console.log (this.name);}}จากนั้นคุณสามารถสร้างวัตถุด้วยคำสั่งใหม่
var someuser = ผู้ใช้ใหม่ ('byvoid', 'http: //www.byvoid.com');จากนั้นคุณสามารถเข้าถึงคุณสมบัติและวิธีการของวัตถุนี้ผ่าน someuser
ข้างต้นเป็นวิธีการต่าง ๆ ในการสร้างวัตถุในจาวาสคริปต์ที่แนะนำโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!