Hướng dẫn dùng objeci JavaScript
Như các bạn đã biết, Javascript có 5 kiểu dữ liệu Object là gì?
Objects trong JavaScript, cũng tương tự như những ngôn ngữ khác, có thể so sánh như đối tượng trong đời thường. Khái niệm của objects trong JavaScript có thể được hiểu như những đối tượng thực tế trong đời thực. Trong JavaScript, một object là một thực thể độc lập, với thuộc tính và kiểu. Lấy cái tách làm ví dụ. Cái tách là một object có những thuộc tính của riêng nó. Một cái tách có màu sắc, thiết kế, trọng lượng, chất liệu tạo ra nó, vân vân... Tương tự như vậy, JavaScript objects có thể có những thuộc tính định nghĩa nên đặc tính của nó. Đối tượng trong Javascript là một tập hợp các cặp khóa - giá trị, tương tự như bản đồ, từ điển, hay hash-table trong ngôn ngữ lập trình khác.
Đối tượng (Object) và những điều cần biết1. Tạo đối tượngCác bạn có 3 cách để khai báo đối tượng trong Javascript:
Dưới đây là ví dụ về tạo ra đối tượng rỗng trong Js:
2. Nhận và thiết đặt thuộc tính (Get and Set Properties)Bây giờ chúng ta đã có 1 đối tượng trống, chúng ta cần thêm các thuộc tính vào nó bằng cách sử dụng các trình truy cập (accessors). Tên thuộc tính hợp lệ bao gồm chữ cái, số, kí tự,.. có thể ép thành một chuỗi, nhưng không được sử dụng các từ dành riêng như
Kể từ ES6, chúng ta có một cách viết tắt thuận tiện để thiết lập các thuộc tính:
Sử dụng một biến hoặc biểu thức làm tên thuộc tính bằng cách đặt nó trong dấu ngoặc [] - đây được gọi là thuộc tính được tính toán
Thuộc tính của đối tượng có thể được xóa với từ khóa
3. Phương thức trong đối tượngMột đối tượng ngoài các thuộc tính ra nó còn chứa hàm gọi là phương thức. Một phương thức là một hàm liên kết với một object, hoặc, có thể nói phương thức là một thuộc tính của object có giá trị là một hàm. Phương thức được định nghĩa giống như cách định nghĩa hàm, ngoài trừ việc chúng phải được gán như là thuộc tính của một object. Thường các phương thức được định nghĩa qua một hàm khởi tạo đối tượng. Ví dụ:
Các phương thức bạn cũng có thể định nghĩa bên ngoài hàm khởi tạo. Ví dụ:
4. Setter và GetterMột thuộc tính của của đối tượng còn thiết lập nó là hàm Hàm setter định nghĩa bằng cách cho thêm
Trong trường hợp muốn định nghĩa
Ví dụ trên định nghĩa lại trong hàm tạo:
5. Sử dụng this để tham chiếu tới đối tượngTrong một đối tượng thông thường,
6. So sánh ObjectsTrong JavaScript những object là kiểu tham chiếu. Hai đối tượng tách biệt không bao giờ bằng nhau, thậm chí nếu chúng có cùng những thuộc tính. Chỉ khi nó so sánh với chính nó thì kết quả mới là true. Ví dụ:
Constructor là gì?
Cú pháp:
Ví dụ:
Chỉ có duy nhất 1 phương thức đặc biệt tên là "constructor" ở trong class. Có nhiều hơn 1 phương thức Một
constructor có thể sử dụng từ khóa Nếu bạn không chỉ định 1 phương thức constructor thì constructor mặc định sẽ được sử dụng Một ví dụ nữa sử dụng phương thức
Tạm kếtNhư vậy trong bài viết này chúng ta đã cùng nhau tìm hiểu qua về các vấn đề về Object trong Javascript. Có thể chưa thật sự đầy đủ nhưng nó sẽ giúp các bạn có cái nhìn tổng quan hơn về Object trong Javascript. Bạn thấy thế nào về JS, hãy đưa ra những ý kiến trong quá trình sử dụng JS nhé. Nếu các bạn thấy bài viết hữu ích hãy rate 5* và share cho mọi người tham khảo! Hãy để lại comment để mình có thể hoàn thiện bản thân hơn trong tương lai. Cám ơn các bạn! |