ล่าสุดการพัฒนาเว็บบทเรียน
×

JS เกี่ยวกับการสอน

JS บ้าน JS บทนำ JS สถานที่ที่จะ JS ส่งออก JS วากยสัมพันธ์ JS งบ JS ความคิดเห็น JS ตัวแปร JS ผู้ประกอบการ JS คณิตศาสตร์ JS การมอบหมาย JS ชนิดข้อมูล JS ฟังก์ชั่น JS วัตถุ JS ขอบเขต JS เหตุการณ์ JS เงื่อนไข JS วิธีสตริง JS เบอร์ JS วิธีการจำนวน JS คณิตศาสตร์ JS วันที่ JS รูปแบบวันที่ JS วันวิธีการ JS แถว JS วิธีการอาร์เรย์ JS booleans JS เปรียบเทียบ JS เงื่อนไข JS สวิตซ์ JS ห่วง For JS ในขณะที่ห่วง JS หยุด JS ประเภทการแปลง JS นิพจน์ทั่วไป JS ข้อผิดพลาด JS แก้จุดบกพร่อง JS hoisting JS โหมดที่เข้มงวด JS คู่มือสไตล์ JS ปฏิบัติที่ดีที่สุด JS ข้อผิดพลาด JS ประสิทธิภาพ JS คำสงวน JS JSON

JS ฟอร์ม

แบบฟอร์มการตรวจสอบ รูปแบบ API

JS วัตถุ

นิยามวัตถุ คุณสมบัติของวัตถุ วิธีการของวัตถุ ต้นแบบวัตถุ

JS ฟังก์ชั่น

นิยามฟังก์ชั่น ค่าฟังก์ชัน ฟังก์ชั่นการภาวนา ปิดฟังก์ชั่น

JS HTML DOM

DOM แนะนำ DOM วิธีการ DOM เอกสาร DOM องค์ประกอบ DOM HTML DOM CSS DOM ภาพเคลื่อนไหว DOM เหตุการณ์ DOM EventListener DOM การเดินเรือ DOM โหนด DOM Nodelist

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS ตัวอย่าง

JS ตัวอย่าง JS HTML DOM JS HTML อินพุต JS HTML วัตถุ JS HTML เหตุการณ์ JS เบราว์เซอร์ JS ทดสอบ JS สรุป

JS คู่มืออ้างอิง

JavaScript วัตถุ HTML DOM วัตถุ


 

JavaScriptคุณสมบัติของวัตถุ


คุณสมบัติเป็นส่วนที่สำคัญที่สุดของวัตถุ JavaScript ใด ๆ


คุณสมบัติจาวาสคริปต์

คุณสมบัติเป็นค่าที่เกี่ยวข้องกับวัตถุ JavaScript

วัตถุ JavaScript เป็นคอลเลกชันของคุณสมบัติเรียงลำดับ

คุณสมบัติสามารถจะเปลี่ยนแปลงเพิ่มและลบ แต่บางคนก็อ่านเท่านั้น


การเข้าถึงคุณสมบัติจาวาสคริปต์

ไวยากรณ์สำหรับการเข้าถึงคุณสมบัติของวัตถุคือ:

objectName.property          // person.age

หรือ

objectName["property"]       // person["age"]

หรือ

objectName[expression]       // x = "age"; person[x]

การแสดงออกจะต้องประเมินจากชื่อสถานที่ให้บริการ

ตัวอย่างที่ 1

person.firstname + " is " + person.age + " years old.";
ลองตัวเอง»

ตัวอย่างที่ 2

person["firstname"] + " is " + person["age"] + " years old.";
ลองตัวเอง»

JavaScript for...in วง

จาวาสคริปต์ for...in คำสั่ง loops ผ่านคุณสมบัติของวัตถุ

วากยสัมพันธ์

for (variableinobject) {
    code to be executed
}

บล็อกของรหัสภายใน for...in วงจะถูกดำเนินการครั้งเดียวสำหรับแต่ละคุณสมบัติ

วนลูปผ่านคุณสมบัติของวัตถุนี้:

ตัวอย่าง

var person = {fname:"John", lname:"Doe", age:25};

for (x in person) {
    txt += person[x];
}
ลองตัวเอง»

การเพิ่มคุณสมบัติใหม่

คุณสามารถเพิ่มคุณสมบัติใหม่ให้กับวัตถุที่มีอยู่โดยเพียงแค่ให้มันคุ้มค่า

สมมติว่าวัตถุบุคคลที่มีอยู่แล้ว - แล้วคุณสามารถให้มันคุณสมบัติใหม่:

ตัวอย่าง

person.nationality = "English";
ลองตัวเอง»

คุณไม่สามารถใช้คำสงวนสำหรับทรัพย์สิน (หรือวิธีการ) ชื่อ JavaScript ใช้กฎการตั้งชื่อ


การลบคุณสมบัติ

delete คำหลักลบทรัพย์สินจากวัตถุ:

ตัวอย่าง

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"];
ลองตัวเอง»

delete คำหลักลบทั้งมูลค่าของทรัพย์สินและทรัพย์สินของตัวเอง

หลังจากลบทรัพย์สินที่ไม่สามารถนำมาใช้ก่อนที่มันจะถูกเพิ่มกลับมาอีกครั้ง

ผู้ประกอบการลบถูกออกแบบมาเพื่อใช้กับคุณสมบัติของวัตถุ มันมีผลกระทบต่อตัวแปรหรือฟังก์ชั่น

delete ผู้ประกอบการไม่ควรนำมาใช้ในการกำหนดไว้ล่วงหน้าคุณสมบัติของวัตถุ JavaScript มันสามารถผิดพลาดโปรแกรมประยุกต์ของคุณ


แอตทริบิวต์ทรัพย์สิน

คุณสมบัติทั้งหมดมีชื่อ นอกจากนี้พวกเขายังมีค่า

ค่าที่เป็นหนึ่งในคุณลักษณะของโรงแรม

คุณสมบัติอื่น ๆ ได้แก่ : นับกำหนดและเขียนได้

แอตทริบิวต์เหล่านี้กำหนดวิธีการคุณสมบัติที่สามารถเข้าถึงได้ (มันสามารถอ่านได้ ?, มันสามารถเขียนได้?)

ใน JavaScript, คุณลักษณะทั้งหมดสามารถอ่านได้ แต่เพียงแอตทริบิวต์ค่าสามารถเปลี่ยนแปลงได้ (และถ้าคุณสมบัติสามารถเขียนได้)

(ECMAScript 5 มีวิธีการสำหรับทั้งรับและตั้งค่าคุณลักษณะคุณสมบัติทั้งหมด)


คุณสมบัติต้นแบบ

วัตถุ JavaScript สืบทอดคุณสมบัติของต้นแบบของพวกเขา

delete คำหลักที่ไม่ได้ลบคุณสมบัติที่สืบทอดมา แต่ถ้าคุณลบ prototype สถานที่ให้บริการก็จะส่งผลกระทบต่อวัตถุทั้งหมดที่สืบทอดมาจากต้นแบบ