Latest web development tutorials
×

JavaScript หลักสูตร

JavaScript หลักสูตร JavaScript แนะนำโดยย่อ JavaScript การใช้ JavaScript ส่งออก JavaScript ไวยากรณ์ JavaScript งบ JavaScript หมายเหตุ JavaScript ตัวแปร JavaScript ชนิดข้อมูล JavaScript วัตถุ JavaScript ฟังก์ชัน JavaScript ขอบเขต JavaScript เหตุการณ์ JavaScript เชือก JavaScript ผู้ประกอบการ JavaScript เปรียบเทียบ JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript ประเภทการแปลง JavaScript นิพจน์ปกติ JavaScript ความผิดพลาด JavaScript แก้จุดบกพร่อง JavaScript ยกตัวแปร JavaScript โหมดที่เข้มงวด JavaScript ใช้ไม่เหมาะสม JavaScript รูปแบบการตรวจสอบสิทธิ์ JavaScript ลิขสิทธิ์คำสำคัญ JavaScript JSON JavaScript void JavaScript ข้อมูลจำเพาะรหัส

JS ฟังก์ชัน

JavaScript นิยามฟังก์ชัน JavaScript อาร์กิวเมนต์ของฟังก์ชัน JavaScript เรียกใช้ฟังก์ชัน JavaScript การปิด

JS HTML DOM

DOM แนะนำโดยย่อ DOM HTML DOM CSS DOM เหตุการณ์ DOM EventListener DOM ธาตุ

JS การสอนที่ทันสมัย

JavaScript วัตถุ JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp วัตถุ

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

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript ป๊อป JavaScript เหตุการณ์หมดเวลา JavaScript Cookies

JS โกดัง

JavaScript โกดัง JavaScript ทดสอบ jQuery JavaScript ทดสอบ Prototype

JS ตัวอย่าง

JavaScript ตัวอย่าง JavaScript ตัวอย่างวัตถุ JavaScript วัตถุเช่นเบราว์เซอร์ JavaScript HTML DOM ตัวอย่าง JavaScript ย่อ

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

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

วัตถุ JavaScript

JavaScript ข้อมูลของวัตถุที่มีคุณลักษณะและวิธีการ


วัตถุในชีวิตจริงคุณสมบัติและวิธีการ

ในชีวิตจริงรถเป็นวัตถุ

วัตถุมีคุณลักษณะเช่นน้ำหนักและสีเริ่มหยุด ฯลฯ วิธีการ:

วัตถุ คุณสมบัติ ทาง

car.name = เฟียต

car.model = 500

car.weight = 850kg

car.color = สีขาว

car.start ()

car.drive ()

car.brake ()

car.stop ()

รถยนต์ทุกคันที่มีคุณสมบัติเหล่านี้ แต่คุณสมบัติของรถแต่ละคันที่แตกต่างกัน

รถยนต์ทุกคันมีวิธีการเหล่านี้ แต่เวลาที่พวกเขาจะดำเนินการที่แตกต่างกัน


วัตถุ JavaScript

ใน JavaScript เกือบทุกสิ่งที่เป็นวัตถุ

หมายเหตุ ใน JavaScript วัตถุที่มีความสำคัญมากเมื่อคุณเข้าใจวัตถุที่คุณสามารถเรียนรู้ JavaScript

คุณได้เรียนรู้ตัวแปร JavaScript ที่ได้รับมอบหมาย

รหัสต่อไปนี้รถยนต์ตัวแปรตั้งค่า "เฟียต":

รถ var = "เฟียต";

วัตถุคือตัวแปร แต่วัตถุที่สามารถมีค่าหลายค่า (ตัวแปรหลายตัว)

รถ var = {พิมพ์: "Fiat " รุ่น 500 สี: สี "สีขาว"};

ในตัวอย่างข้างต้นค่าสาม ( "เฟียต" 500 "สีขาว") เพื่อรถตัวแปร

ในตัวอย่างข้างต้นทั้งสามตัวแปร (ชนิดรุ่นสี) กับรถตัวแปร

หมายเหตุ วัตถุ JavaScript เป็นที่เก็บของตัวแปร


นิยามวัตถุ

คุณสามารถใช้ตัวอักษรในการกำหนดและสร้างวัตถุ javascript:

ตัวอย่าง

คน var = {ชื่อ: "จอห์น " สกุล: "โด", อายุ: 50, สีดวงตา: "สีฟ้า"};

ลอง»

วัตถุ JavaScript ที่กำหนดเองสามารถขยายหลายบรรทัดพื้นที่ที่มีการขึ้นบรรทัดใหม่ไม่จำเป็นต้อง:

ตัวอย่าง

คน var = {
ชื่อ: "จอห์น"
สกุล: "กวาง"
อายุ: 50
สีดวงตา: "สีฟ้า"
};

ลอง»


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

คุณพูดว่า "วัตถุ JavaScript เป็นที่เก็บของตัวแปร."

แต่เรามักจะคิดว่า "วัตถุ JavaScript เป็นกุญแจสำคัญในภาชนะ."

คู่ key-value มักจะเขียนเป็นชื่อ: ค่า (มีค่าคีย์คั่นด้วยเครื่องหมายทวิภาค)

คู่ค่าคีย์ในวัตถุ JavaScript มักจะเรียกว่าเป็นคุณสมบัติของวัตถุ

หมายเหตุ วัตถุ JavaScript เป็นภาชนะแอตทริบิวต์ตัวแปร

ที่สำคัญคัดค้านการใช้ถ้อยคำที่คล้ายกับ:

  • เชื่อมโยงอาร์เรย์ใน PHP
  • งูใหญ่อยู่ในพจนานุกรม
  • C ตารางภาษากัญชา
  • แผนที่กัญชา Java
  • ทับทิมและ Perl ตารางแฮช

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

คุณสามารถเข้าถึงคุณสมบัติของวัตถุในสองวิธี

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

person.lastName;

ลอง»

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

คน [ "นามสกุล"];

ลอง»


วิธีการของวัตถุ

วิธีการกำหนดวัตถุที่ฟังก์ชั่นและเก็บไว้เป็นแอตทริบิวต์ของวัตถุที่

วิธีวัตถุโดยการเพิ่ม () โทร (เป็นฟังก์ชั่น)

ตัวอย่างของบุคคลที่เข้าถึงวัตถุ FULLNAME () วิธีการ:

ตัวอย่าง

name = person.fullName ();

ลอง»

หากคุณต้องการที่จะเข้าถึงคนวัตถุ FullName คุณสมบัติซึ่งถูกกำหนดให้เป็นสตริงกลับโดยฟังก์ชั่น:

ตัวอย่าง

name = person.fullName;

ลอง»

หมายเหตุ วัตถุ JavaScript เป็นคุณสมบัติของภาชนะบรรจุและวิธีการ

ในการกวดวิชาต่อไปนี้คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับฟังก์ชั่นคุณสมบัติและวิธีการของความรู้


วัตถุวิธีการเชื่อม

คุณสามารถใช้ไวยากรณ์ต่อไปนี้ในการสร้างวิธีการวัตถุ:

methodName: ฟังก์ชั่น () {สายรหัส}

คุณสามารถใช้ไวยากรณ์ต่อไปนี้ในการเข้าถึงวิธีการวัตถุนี้:

objectName.methodName ()

โดยปกติ FULLNAME () วิธีการเป็นวัตถุที่คนชื่อเต็มเป็นแอตทริบิวต์

มีหลายวิธีในการสร้างใช้และปรับเปลี่ยนวัตถุเป็น JavaScript

นอกจากนี้ยังมีความหลากหลายของวิธีการสร้างใช้และปรับเปลี่ยนคุณสมบัติและวิธีการ

หมายเหตุ ในการกวดวิชาต่อไปนี้คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับวัตถุของความรู้


ตัวอย่างเพิ่มเติม

ฉันจะสร้างวัตถุ JavaScript

สร้างวัตถุ JavaScript ครั้งที่สอง

คุณสมบัติของวัตถุเข้าถึงฉัน

เข้าถึงวัตถุอสังหาริมทรัพย์ครั้งที่สอง

แอตทริบิวต์ฟังก์ชั่นเป็นวิธีที่จะเข้าถึง

แอตทริบิวต์ทำงานเป็นเข้าถึงแอตทริบิวต์