Mất 4 phút đọc

Đối Tượng Trong JavaScript

Trong bài viết này, Ứng dụng free sẽ cùng các bạn tìm hiểu về các Đối Tượng Trong JavaScript

1.Định nghĩa đối tượng JavaScript

  • Trong JavaScript, các đối tượng là vua. Nếu bạn hiểu các đối tượng, bạn hiểu JavaScript.
  • Trong JavaScript, gần như “mọi thứ” là một đối tượng.
    • Boolean có thể là các đối tượng (nếu được định nghĩa bằng new từ khóa)
    • Các số có thể là các đối tượng (nếu được định nghĩa bằng new từ khóa)
    • Các chuỗi có thể là các đối tượng (nếu được định nghĩa bằng new từ khóa)
    • Ngày tháng luôn là đối tượng
    • Toán học luôn là đối tượng
    • Biểu thức chính quy luôn là đối tượng
    • Mảng luôn là đối tượng
    • Các hàm luôn là đối tượng
    • Đối tượng luôn là đối tượng
  • Tất cả các giá trị JavaScript, ngoại trừ các giá trị nguyên thủy, đều là các đối tượng.

Nguyên thủy JavaScript

  • Giá trị nguyên thủy là một giá trị không có thuộc tính hoặc phương thức. 3,14 là một giá trị nguyên thủy
  • Kiểu dữ liệu nguyên thủy là dữ liệu có giá trị nguyên thủy.
  • JavaScript định nghĩa 7 loại kiểu dữ liệu nguyên thủy:
    • string
    • number
    • boolean
    • null
    • undefined
    • symbol
    • bigint

Bất biến (Immutable)

  • Giá trị nguyên thủy là bất biến (chúng được mã hóa cứng và không thể thay đổi), nếu x = 3,14, bạn có thể thay đổi giá trị của x, nhưng bạn không thể thay đổi giá trị của 3,14.

Đối tượng là các biến

  • Các biến JavaScript có thể chứa các giá trị đơn lẻ:

  • Các biến JavaScript cũng có thể chứa nhiều giá trị.
  • Đối tượng cũng là biến. Nhưng các đối tượng có thể chứa nhiều giá trị.
  • Các giá trị đối tượng được viết dưới dạng cặp tên: giá trị (tên và giá trị cách nhau bằng dấu hai chấm).

  • Đối tượng JavaScript là một tập hợp các giá trị được đặt tên
  • Một thực tế phổ biến là khai báo các đối tượng với consttừ khóa.

2.Thuộc tính đối tượng

  • Các giá trị được đặt tên, trong các đối tượng JavaScript, được gọi là thuộc tính.

  • Các đối tượng được viết dưới dạng cặp giá trị tên tương tự như:
    • Mảng liên kết trong PHP
    • Từ điển bằng Python
    • Bảng băm trong C
    • Bản đồ băm trong Java
    • Hàm băm trong Ruby và Perl

3.Phương thức đối tượng

  • Phương thức là các hành động có thể được thực hiện trên các đối tượng.
  • Thuộc tính đối tượng có thể là cả giá trị nguyên thủy, các đối tượng khác và các hàm.
  • Phương thức đối tượng là một thuộc tính đối tượng chứa định nghĩa hàm.

  • Các đối tượng JavaScript là vùng chứa các giá trị được đặt tên, được gọi là thuộc tính và phương thức.

4.Tạo một đối tượng JavaScript

  • Với JavaScript, bạn có thể xác định và tạo các đối tượng của riêng mình.
  • Có nhiều cách khác nhau để tạo các đối tượng mới:
    • Tạo một đối tượng duy nhất, sử dụng một đối tượng theo nghĩa đen.
    • Tạo một đối tượng duy nhất, với từ khóa new.
    • Xác định một phương thức tạo đối tượng, sau đó tạo các đối tượng thuộc kiểu được xây dựng.
    • Tạo một đối tượng bằng cách sử dụng Object.create().

5.Sử dụng một Object Literal

  • Đây là cách dễ nhất để tạo một Đối tượng JavaScript.
  • Sử dụng một đối tượng theo nghĩa đen, bạn vừa định nghĩa và tạo một đối tượng trong một câu lệnh.
  • Một đối tượng là một danh sách các cặp name: value (như age: 50) bên trong dấu ngoặc nhọn {}.

Ví dụ sau tạo một đối tượng JavaScript mới với bốn thuộc tính

  • Dấu cách và ngắt dòng không quan trọng. Một định nghĩa đối tượng có thể kéo dài nhiều dòng:

Ví dụ này tạo một đối tượng JavaScript trống sau đó thêm 4 thuộc tính:

6.Sử dụng từ khóa JavaScript mới

  • Tạo một đối tượng JavaScript mới bằng cách sử dụng new Object(), sau đó thêm 4 thuộc tính:

7.Các đối tượng JavaScript có thể thay đổi

  • Các đối tượng có thể thay đổi: Chúng được giải quyết bằng tham chiếu, không phải theo giá trị.
  • Nếu người là một đối tượng, câu lệnh sau sẽ không tạo bản sao của người:

  • Đối tượng x không phải là bản sao của người. Nó  người. Cả x và người đều là cùng một đối tượng.
  • Bất kỳ thay đổi nào đối với x cũng sẽ thay đổi người, bởi vì x và người là cùng một đối tượng.

Ví Dụ:

KẾT LUẬN: Trong bài viết này, chúng ta đã tìm hiểu  các đối tượng trong JavaScript. Tôi hy vọng bài viết này hữu ích cho bạn. Cảm ơn các bạn đã theo dõi bài viết!
Hãy bình chọn
53 lượt xem

14/10/2022 Blog Tin Học

Bài viết liên quan

Block "5_tab_footer" not found