Ký pháp dấu chấm (dot notation) được sử dụng để truy cập các thuộc tính của đối tượng trong JavaScript. Dưới đây là mã triển khai ký pháp dấu chấm:
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Ký pháp dấu chấm</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; color: blueviolet; } </style> </head> <body> <h1>Ký pháp dấu chấm trong JavaScript</h1> <div class="result"></div> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút trên để truy cập thuộc tính đối tượng student1 bằng ký pháp dấu chấm</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); function Student(name, age, standard) { this.name = name; this.age = age; this.standard = standard; } let student1 = new Student("Rohan", 18, 12); BtnEle.addEventListener("click", () => { resEle.innerHTML = "student1.name = " + student1.name + "<br>"; resEle.innerHTML += "student1.age = " + student1.age + "<br>"; resEle.innerHTML += "student1.standard = " + student1.standard + "<br>"; }); </script> </body> </html>
Kết quả
Khi nhấn nút NHẤN VÀO ĐÂY, các thuộc tính của đối tượng student1 sẽ hiển thị:
- student1.name = Rohan
- student1.age = 18
- student1.standard = 12
Ký pháp dấu chấm là cách phổ biến nhất để truy cập thuộc tính đối tượng khi tên thuộc tính là một identifier hợp lệ (không chứa khoảng trắng, ký tự đặc biệt, không bắt đầu bằng số).