วิธีการส่งออกตัวอักษรวัตถุและประโยชน์ของคำจำกัดความ
1. มีสองวิธีในการส่งออกตัวอักษรวัตถุ: ดั้งเดิม 'และวิธีการอาร์เรย์ แต่เมื่อเอาท์พุทในวิธีการอาร์เรย์ควรใส่วงเล็บสี่เหลี่ยมจัตุรัสในราคาเช่น
var box = {ชื่อ: 'abc'; อายุ: 28}; แจ้งเตือน (กล่อง ['ชื่อ']);กำหนดวิธีการสำหรับวัตถุ
ตอบ: หากคุณใช้ วิธีการกำหนดวัตถุแบบดั้งเดิม คุณจะต้องกำหนดวิธีก่อนแล้วกำหนดชื่อวิธีการให้กับแอตทริบิวต์ของวัตถุ หากคุณต้องการเรียกวิธีนี้โดยไม่มีวงเล็บคุณจะส่งคืนรหัสวิธี หากคุณต้องการเรียกใช้วิธีนี้และเพิ่มวงเล็บลงในแอตทริบิวต์วัตถุคุณจะได้รับค่าส่งคืนของวิธีการ
ฟังก์ชั่น objrun () {return '123';} var box = วัตถุใหม่ (); box.name = 'abc'; box.age = 28; box.run = objrun; แจ้งเตือน (box.run ()); // ผลลัพธ์คือ 123 // Alert (box.run); // ผลลัพธ์คือฟังก์ชั่น objrun () {return '123'; } // ถ้า box.run = objrun (); // alert (box.run); // ผลลัพธ์คือ 123 ถ้ารวมวงเล็บจะมีการรายงานข้อผิดพลาดB: กำหนดด้วยค่าตัวอักษร เพียงแค่เขียนฟังก์ชั่นโดยตรงบนคุณสมบัติของวัตถุ ไม่มีชื่อฟังก์ชั่นในฟังก์ชั่นนี้ มันเป็นฟังก์ชั่นที่ไม่ระบุชื่อ แล้วคุณเรียกวิธีนี้อย่างไร? ใช้ชื่อคุณสมบัติของวัตถุและเรียกวิธีการเช่นเดียวกับด้านบน
ชอบ:
var box = {ชื่อ: 'abc', อายุ: 28, run: function () {return '123'; }} Alert (box.run ());2. คำจำกัดความของตัวอักษรวัตถุสามารถแก้สถานการณ์ได้อย่างง่ายดายซึ่งพารามิเตอร์ฟังก์ชั่นจำนวนมากจะต้องส่งออกทีละหนึ่ง มาตรการตอบโต้ของเขาคือ การส่งวัตถุไปยังฟังก์ชันและวัตถุนี้ถูกกำหนดไว้ในลักษณะที่แท้จริง วิธีการที่สอดคล้องกันของแอตทริบิวต์และค่าสามารถมองเห็นได้อย่างชัดเจนอย่างรวดเร็ว เนื่องจากฟังก์ชั่นเป็นเพียงส่วนหนึ่งของรหัสและต้องเรียกให้ดำเนินการ
ชอบ:
ฟังก์ชั่น aa (obj) {แจ้งเตือน (obj.name); การแจ้งเตือน (obj.age);} var obj = {ชื่อ: 'abc', อายุ: 28} aa (obj);การสาธิตตัวอักษร JS Object
/** * @author Zhanghua */var literal = {add: function () {alert ("เพิ่ม"); }, del: function () {alert ("ลบ"); }, อัปเดต: function () {Alert ("Update"); }, ชื่อ: "Zhangsan", callliteral: function () {// สำหรับการโทรไปยังวัตถุตัวอักษรปัจจุบันเพิ่มคำหลักนี้ this.add (); -ไฟล์ html:
<? XML เวอร์ชัน = "1.0" การเข้ารหัส = "UTF-8"?> <! Doctype html สาธารณะ "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/dtd/dtml1-dtml xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> src = "jslib/literal.js"> </script> </head> <body> <input type = "button" value = "เพิ่ม" onClick = "JavaScript: literal.add ()"/> <อินพุต type = "button" value = "ลบ" onClick = "lalalal.Update ()"/> <อินพุตประเภท = "ปุ่ม" value = "ชื่อ" onClick = "JavaScript: การแจ้งเตือน (literal.Name)"/> <อินพุตประเภท = "ปุ่ม" value = "update" onClick = "javascript: javascript type = "button" value = "name" onclick = 'javaScript: การแจ้งเตือน (ตัวอักษร ["ชื่อ"])' "/> <อินพุต type =" ปุ่ม "value =" caller "onclick = 'javascript: literal.callliteral ()'"/> </body> </html>
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript คุณสามารถตรวจสอบ: "คำแนะนำอ้างอิง JavaScript" และ "คู่มือสไตล์รหัส JavaScript" ฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น