วัตถุชีวิตจริงคุณสมบัติและวิธีการ
ในชีวิตจริงรถเป็นวัตถุ
รถมีคุณสมบัติเช่นน้ำหนักและสีและวิธีการเช่นเริ่มต้นและหยุด:
| วัตถุ | คุณสมบัติ | วิธีการ |
|---|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
รถยนต์ทุกคันที่มีคุณสมบัติเหมือนกัน แต่ค่าคุณสมบัติแตกต่างจากรถให้รถ
รถยนต์ทุกคันมีวิธีการเดียวกัน แต่วิธีการที่จะดำเนินการในช่วงเวลาที่แตกต่างกัน
วัตถุ JavaScript
คุณได้เรียนรู้แล้วว่าตัวแปร JavaScript ที่มีภาชนะสำหรับค่าข้อมูล
รหัสนี้กำหนดค่าง่าย (Fiat) เพื่อให้เป็นรถยนต์ตัวแปรชื่อ:
var car = "Fiat";
ลองตัวเอง» วัตถุที่เป็นตัวแปรมากเกินไป แต่วัตถุที่สามารถมีค่าจำนวนมาก
รหัสนี้กำหนดค่าจำนวนมาก (Fiat, 500, white) ให้กับตัวแปรชื่อรถ:
var car = {type:"Fiat", model:"500", color:"white"};
ลองตัวเอง» ค่าที่ถูกเขียนเป็นชื่อ: คู่ค่า (ชื่อและค่าที่คั่นด้วยเครื่องหมาย)
วัตถุ JavaScript เป็นภาชนะสำหรับค่าชื่อ
คุณสมบัติของวัตถุ
ชื่อ: ค่าคู่ (ในวัตถุจาวาสคริปต์) จะเรียกว่าคุณสมบัติ
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
| คุณสมบัติ | มูลค่าทรัพย์สิน |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
วิธีการของวัตถุ
วิธีการดำเนินการที่สามารถดำเนินการในวัตถุ
วิธีการจะถูกเก็บไว้ในคุณสมบัติเป็นคำจำกัดความของฟังก์ชั่น
| คุณสมบัติ | มูลค่าทรัพย์สิน |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
| fullName | function() {return this.firstName + " " + this.lastName;} |
วัตถุ JavaScript เป็นภาชนะสำหรับค่าชื่อเรียกว่าคุณสมบัติหรือวิธีการ
นิยามวัตถุ
คุณกำหนด (และสร้าง) วัตถุ JavaScript กับวัตถุตัวอักษร:
ช่องว่างและการขึ้นบรรทัดใหม่ไม่สำคัญ คำนิยามวัตถุสามารถขยายหลายบรรทัด:
การเข้าถึงคุณสมบัติของวัตถุ
คุณสามารถเข้าถึงคุณสมบัติของวัตถุในสองวิธี
objectName.propertyNameหรือ
objectName["propertyName"]
การเข้าถึงวิธีการวัตถุ
คุณสามารถเข้าถึงวิธีการที่วัตถุมีไวยากรณ์ต่อไปนี้:
objectName.methodName()
หากคุณเข้าถึง fullName คุณสมบัติโดยไม่ต้อง () ก็จะกลับคำนิยามการทำงาน:
ไม่ได้ประกาศ Strings, ตัวเลขและ Booleans เป็นวัตถุ!
เมื่อตัวแปร JavaScript ถูกประกาศด้วยคำหลัก "new" ตัวแปรจะถูกสร้างเป็นวัตถุ:
var x = new String(); // Declares x as a String object
var y = new Number(); // Declares y as a Number object
var z = new Boolean(); // Declares z as a Boolean object
หลีกเลี่ยง String, จำนวนและวัตถุบูลีน พวกเขามีความซับซ้อนรหัสของคุณและชะลอความเร็วในการทำงาน
คุณจะเรียนรู้เพิ่มเติมเกี่ยวกับวัตถุในภายหลังในการกวดวิชานี้
ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 »