Tất cả những gì bạn cần biết về Đối tượng JavaScript



Blog về JavaScript Object này sẽ cung cấp kiến ​​thức chuyên sâu về các phương pháp khác nhau để xác định và tạo các đối tượng mới trong javascript với các ví dụ.

là một ngôn ngữ lập trình hướng đối tượng. Các đối tượng tạo thành các khối xây dựng được coi là kiểu dữ liệu quan trọng nhấtcho ngôn ngữ lập trình. Bài viết này sẽ cung cấp kiến ​​thức chuyên sâu về các Đối tượng JavaScript, cách chúng được tạo và định nghĩa theo trình tự sau:

Đối tượng JavaScript

đối tượng tương tự như đối tượng trong cuộc sống thực bao gồm các thuộc tính và thuộc tính khác nhau. Các đối tượng này được định nghĩa là một tập hợp dữ liệu liên quan không có thứ tự, thuộc loại nguyên thủy hoặc tham chiếu. Chúng được định nghĩa dưới dạng cặp 'khóa: giá trị'.





JavaScript - đối tượng javascript - Edureka

Các khóa này là các biến hoặc chức năng được gọi là thuộc tính và phương thức của một đối tượng. Bạn có thể tạo một đối tượng JavaScript dưới dạng:



let ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}

Làm thế nào để tạo một đối tượng mới?

Có 3 cách để tạo một đối tượng mới:

  • Theo Object Literal

Cú pháp:

object = {property1: value1, property2: value2 ..... propertyN: valueN}

Thí dụ:



nhân viên = {id: 700, tên: 'Evan', lương: 30000} document.write (nhân viên.id + '' + nhân viên.name + '' + nhân viên.salary)

Đầu ra:

700 Evan 30000
  • Bằng cách tạo phiên bản của đối tượng

Cú pháp:

var objectname = new Object ()

Thí dụ:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Đầu ra:

701 karan 40000
  • Bằng cách sử dụng một cấu trúc đối tượng

Một hàm được tạo với các đối số. Mỗi giá trị đối số có thể được gán trong đối tượng hiện tại bằng cách sử dụng điều này từ khóa.

cách viết một phương thức chuỗi

Thí dụ:

trình duyệt db để đánh giá sqlite
chức năng nhân viên (id, tên, tiền lương) {this.id = id this.name = tên this.salary = lương} emp = nhân viên mới (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Đầu ra:

702 Neha 35000

Tính chất

ĐẾN bất động sản của một đối tượng là một Biến đổi được gắn vào đối tượng. Về cơ bản, chúng giống với các biến JavaScript, ngoại trừ phần đính kèm với các đối tượng.

Các thuộc tính của một đối tượng xác định các đặc điểm của đối tượng. Bạn có thể truy cập các thuộc tính của một đối tượng bằng một ký hiệu dấu chấm đơn giản như:

objectName.propertyName

Bạn có thể xác định một thuộc tính bằng cách gán một giá trị cho nó. Ví dụ: hãy tạo một đối tượng có tên Xe hơi và cung cấp cho nó các thuộc tính như công ty, người mẫumàu sắc . Nó có thể được định nghĩa là:

var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Phương pháp

ĐẾN phương pháp là một chức năng liên kết với một đối tượng. Nó cũng là một thuộc tính của một đối tượng. Các phương thức được định nghĩa là các hàm bình thường nhưng chúng phải được gán là bất động sản của một đối tượng.

Phương thức đối tượng có thể được truy cập như:

objectName.methodName ()

Thí dụ:

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

Đầu ra:

Tessa Den

Một số phương pháp tích hợp thường được sử dụng là:

Phương pháp Sự miêu tả
Object.assign () Nó được sử dụng để sao chép các thuộc tính có thể liệt kê và sở hữu từ một đối tượng nguồn sang một đối tượng đích
Object.create () Nó được sử dụng để tạo một đối tượng mới với đối tượng và thuộc tính nguyên mẫu được chỉ định
Object.defineProperty () Nó được sử dụng để xác định các thuộc tính hành vi của thuộc tính
Object.entries () Nó trả về một mảng với các cặp khóa và giá trị
Object.freeze () Nó ngăn các thuộc tính hiện có bị xóa

Người truy cập

Các trình truy cập JavaScript bao gồm GettersNgười định cư được sử dụng để xác định người truy cập đối tượng.

  • Lấy từ khóa

Hãy lấy một ví dụ và xem cách Getters đã quen với được bất kỳ giá trị nào của tài sản:

lập trình socket trong java ví dụ
var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Đầu ra:

401
  • Bộ Từ khoá

Hãy lấy một ví dụ và xem cách Người định cư đã quen với bộ bất kỳ giá trị nào của tài sản:

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

Đầu ra:

401

Nguyên mẫu

Tất cả các đối tượng JavaScript kế thừa các thuộc tính và phương thức từ một nguyên mẫu. Ví dụ:

  • Ngày các đối tượng kế thừa từ Date.prototype
  • Mảng các đối tượng kế thừa từ Array.prototype
  • Người các đối tượng kế thừa từ Person.prototype

JavaScript nguyên mẫu thuộc tính được sử dụng để thêm các thuộc tính mới vào các hàm tạo đối tượng.

Thí dụ:

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

Thuộc tính nguyên mẫu cũng cho phép bạn thêm các phương thức mới vào các hàm tạo đối tượng.

Thí dụ:

function Person (first, last, id, age) {// Thêm phương thức vào hàm tạo this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Bạn có thể sửa đổi nguyên mẫu của riêng mình nhưng không bao giờ sửa đổi nguyên mẫu của các đối tượng JavaScript chuẩn.

Với điều này, chúng ta đã đi đến phần cuối của bài viết của chúng tôi. Tôi hy vọng bạn đã hiểu Đối tượng JavaScript và các phương pháp khác nhau để xác định chúng.

Bây giờ bạn đã biết về Đối tượng JavaScript, hãy xem của Edureka. Đào tạo Chứng chỉ Phát triển Web sẽ giúp bạn Học cách tạo các trang web ấn tượng bằng cách sử dụng HTML5, CSS3, Twitter Bootstrap 3, jQuery và Google API và triển khai nó cho Amazon Simple Storage Service (S3).

Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của “JavaScript Object” và chúng tôi sẽ liên hệ lại với bạn.