สิ่งที่คุณต้องรู้เกี่ยวกับ JavaScript Objects

เป็นภาษาโปรแกรมเชิงวัตถุ ออบเจ็กต์สร้างแบบเอกสารสำเร็จรูปซึ่งถือว่าเป็นชนิดข้อมูลที่สำคัญที่สุดสำหรับภาษาโปรแกรม บทความนี้จะให้ความรู้เชิงลึกเกี่ยวกับ JavaScript Objects วิธีสร้างและกำหนดตามลำดับต่อไปนี้:

• วัตถุ JavaScript
• จะสร้าง Object ใหม่ได้อย่างไร?
• คุณสมบัติ
• วิธีการ
• Accessors
• ต้นแบบ

วัตถุ JavaScript

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

คีย์เหล่านี้เป็นตัวแปรหรือ ฟังก์ชั่น ซึ่งเรียกว่าเป็นคุณสมบัติและวิธีการของวัตถุ คุณสามารถสร้างวัตถุ JavaScript เป็น:

ให้ ObjectName = {Property1: 'Value', Property2: 'Value', ... }

จะสร้าง Object ใหม่ได้อย่างไร?

มี 3 วิธีในการสร้างวัตถุใหม่:

• โดย Object Literal

ไวยากรณ์:

วัตถุ = {property1: value1, property2: value2 ..... propertyN: valueN}

ตัวอย่าง:

พนักงาน = {id: 700, name: 'Evan', เงินเดือน: 30000} document.write (staff.id + '' + worker.name + '' + employee.salary)

เอาท์พุต:

700 อีวาน 30000

• โดยการสร้างอินสแตนซ์ของวัตถุ

ไวยากรณ์:

var objectname = วัตถุใหม่ ()

ตัวอย่าง:

var emp = วัตถุใหม่ () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

เอาท์พุต:

701 Karan 40000

• โดยใช้ตัวสร้างวัตถุ

ฟังก์ชันถูกสร้างขึ้นโดยมีอาร์กิวเมนต์ สามารถกำหนดค่าอาร์กิวเมนต์แต่ละค่าในวัตถุปัจจุบันได้โดยใช้ นี้ คำสำคัญ.

อัลกอริทึมและโครงสร้างข้อมูลใน java

ตัวอย่าง:

การแคสต์ประเภทข้อมูลใน java

ฟังก์ชั่นพนักงาน (id, ชื่อ, เงินเดือน) {this.id = id this.name = name this.salary = เงินเดือน} emp = พนักงานใหม่ (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

เอาท์พุต:

702 เนฮา 35000

คุณสมบัติ

ถึง ทรัพย์สิน ของวัตถุคือ ตัวแปร ที่ติดกับวัตถุ โดยพื้นฐานแล้วจะเหมือนกับตัวแปร JavaScript ยกเว้นสิ่งที่แนบมากับวัตถุ

คุณสมบัติของวัตถุกำหนดลักษณะของวัตถุ คุณสามารถเข้าถึงคุณสมบัติของวัตถุด้วยสัญกรณ์จุดง่ายๆเช่น:

objectName.propertyName

คุณสามารถกำหนดคุณสมบัติได้โดยกำหนดค่า ตัวอย่างเช่นเรามาสร้างวัตถุชื่อ รถยนต์ และให้คุณสมบัติเช่น บริษัท รุ่น และ สี . สามารถกำหนดเป็น:

var Car = วัตถุใหม่ () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

วิธีการ

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

วิธีการของวัตถุสามารถเข้าถึงได้ดังนี้:

objectName.methodName ()

ตัวอย่าง:

var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {return this.firstName + '' + this.lastName}}

เอาท์พุต:

เทสซ่าเดน

วิธีการในตัวที่ใช้กันทั่วไป ได้แก่ :

Accessors

JavaScript Accessors ประกอบด้วย Getters และ Setters ซึ่งใช้เพื่อกำหนดตัวเข้าถึงอ็อบเจ็กต์

• รับคีย์เวิร์ด

ลองมาดูตัวอย่างและวิธีการ Getters ใช้ในการ ได้รับ มูลค่าใด ๆ ของทรัพย์สิน:

การใช้งาน hashmap อย่างง่ายใน java

var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, รับ id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

เอาท์พุต:

401

• ชุดคำหลัก

ลองมาดูตัวอย่างและวิธีการ Setters ใช้ในการ ชุด มูลค่าใด ๆ ของทรัพย์สิน:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid

เอาท์พุต:

401

ต้นแบบ

วัตถุ JavaScript ทั้งหมดสืบทอดคุณสมบัติและวิธีการจากต้นแบบ ตัวอย่างเช่น:

• วันที่ วัตถุที่สืบทอดมาจาก Date.prototype
• อาร์เรย์ วัตถุที่สืบทอดมาจาก Array.prototype
• บุคคล วัตถุที่สืบทอดมาจาก บุคคลต้นแบบ

JavaScript ต้นแบบ คุณสมบัติถูกใช้เพื่อเพิ่มคุณสมบัติใหม่ให้กับตัวสร้างอ็อบเจ็กต์

ตัวอย่าง:

function Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

คุณสมบัติต้นแบบยังช่วยให้คุณสามารถเพิ่มวิธีการใหม่ให้กับตัวสร้างวัตถุ

ตัวอย่าง:

function Person (first, last, id, age) {// การเพิ่ม method ให้กับ constructors this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

คุณสามารถปรับเปลี่ยนต้นแบบของคุณเองได้ แต่อย่าแก้ไขต้นแบบของวัตถุ JavaScript มาตรฐาน

ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความของเรา ฉันหวังว่าคุณจะเข้าใจ JavaScript Objects และวิธีการต่างๆในการกำหนด

ตอนนี้คุณรู้เกี่ยวกับ JavaScript Objects แล้วลองดูไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)

มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ 'JavaScript Object' แล้วเราจะติดต่อกลับไป