// กำหนดคลาสวงกลมมีตัวแปรสมาชิก r, ค่าคงที่ pi และพื้นที่ฟังก์ชันสมาชิก () ที่คำนวณพื้นที่
1. วิธีโรงงาน
var circle = function () {var obj = วัตถุใหม่ (); obj.pi = 3.14159; obj.area = function (r) {return this.pi * r * r; } return obj;} var c = วงกลมใหม่ (); การแจ้งเตือน (c.area (1.0));2. การเขียนอย่างเป็นทางการมากขึ้น
วงกลมฟังก์ชัน (r) {this.r = r;} circle.pi = 3.14159; circle.prototype.area = function () {return circle.pi * this.r * this.r;} var c = วงกลมใหม่ (1.0); การแจ้งเตือน (c.area ());3.JSON วิธีการเขียน
var circle = {"pi": 3.14159, "พื้นที่": ฟังก์ชัน (r) {return this.pi * r * r; }}; Alert (circle.area (1.0));4. การเปลี่ยนแปลงเล็กน้อย แต่สาระสำคัญก็เหมือนกับครั้งแรก
var circle = function (r) {this.r = r;} circle.pi = 3.14159; circle.prototype = {พื้นที่: function () {return this.r*this.r*circle.pi; }} var obj = วงกลมใหม่ (1.0); แจ้งเตือน (obj.area ())circle.pi = 3.14159; สามารถใส่ลงในคุณสมบัติและเขียนเป็น this.pi = 3.14159;
ใช้กันทั่วไปเป็นประเภทแรกและสาม
ตัวอย่างเพิ่มเติมของวิธีการเขียนครั้งที่สาม
var show = {btn: $ ('. div1'), init: function () {var that = this; การแจ้งเตือน (นี้); this.btn.click (function () {that.change (); Alert (this);})}, การเปลี่ยนแปลง: function () {this.btn.css ({'พื้นหลัง': 'เขียว'}); }} show.init ();ควรสังเกตว่าปัญหาการชี้นี้
บทความข้างต้นสรุปวิธีการเขียนทั่วไปหลายวิธีสำหรับ JS เชิงวัตถุ นี่คือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น