Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để xác định các hàm getter và setter trong JavaScript?

Getter

Khi một thuộc tính được truy cập, giá trị được thông qua việc gọi hàm một cách ngầm định. Từ khóa get được sử dụng trong JavaScript. Mã định danh, một số hoặc một chuỗi được phép sử dụng cho bộ.

Người định cư

Khi một thuộc tính được đặt, nó sẽ ngầm gọi một hàm và giá trị được truyền dưới dạng đối số. Cùng với đó, giá trị trả về được đặt thành chính thuộc tính. Từ khóa set được sử dụng trong JavaScript. Mã định danh, một số hoặc một chuỗi được phép sử dụng cho bộ.

Ví dụ

Dưới đây là ví dụ cho thấy cách triển khai cả getter và setter

Bản trình diễn trực tiếp

<html>
   <body>
      <script>
         var department = {
            deptName: "Marketing",
            deptZone: "North",
            deptID: 101,
            get details() {
               return "Department Details<br>" + "Name: " + this.deptName + " <br>Zone: " + this.deptZone + "<br>ID: " + this.deptID;
            },
            set details(info) {
               var words = info.toString().split(' ');
               this.deptName = words[0] || '';
               this.deptZone = words[1] || '';
               this.deptID = words[2] || '';
            }
         }
         department.details = 'Marketing North 001';
         document.write(department.deptName);
         document.write(department.deptZone);
         document.write(department.deptID);
      </script>
   </body>
</html>