[JavaScript] 프로퍼티(Property)

프로퍼티(Property)란 객체의 속성을 의미한다.

📌 어떤 객체가 가지고 있는 항목들을 프로퍼티라고 하며, 한국어로는 속성이라고 한다.

 

• 프로퍼티는 객체의 상태나 특성을 나타내며, 이를 통해 객체의 정보를 읽거나 수정할 수 있다.
• 자바스크립트에서 객체는 프로퍼티로 구성된다.
  • 객체는 키-값 쌍으로 데이터를 저장하는데, 이 키를 프로퍼티 이름, 값을 프로퍼티 값이라고한다.

자바스크립트에서 프로퍼티

자바스크립트의 객체에서 프로퍼티는 속성을 뜻하며, 보통 객체가 가지고 있는 정보나 기능을 나타낸다.

let hamster = {
    name: "metdol",  // 'name'은 프로퍼티 이름, "metdol"이는 프로퍼티 값
    age: 2         // 'age'는 프로퍼티 이름, 2는 프로퍼티 값
};

// 프로퍼티 값에 접근
console.log(person.name);  // "metdol"
console.log(person.age);   // 2
console.log(person["name"]);

 

이벤트 핸들러와 프로퍼티

자바스크립트에서 DOM 요소(또는 window, document 등)에는 특정 이벤트에 대응하는 프로퍼티들이 있다. 이 프로퍼티에 함수를 할당하면, 해당 이벤트가 발생할 때 그 함수가 실행됩니다.

window.onload

onload는 window 객체의 프로퍼티이며, 이 프로퍼티에 이벤트 핸들러(함수)를 할당한다.

element.onclick

element는 특정 DOM 요소, onclick은 이벤트 타입. 프로퍼티.

let button = document.getElementById("myButton");

button.onclick = function() {
    alert("버튼이 클릭되었습니다!");
};

⇒ document의 요소 button의 프로퍼티 onclick에 함수 할당.

---

이벤트 핸들러를 공부하다가, 이벤트 리스너를 등록하는 방법 중, "자바스크립트 코드에서 프로퍼티로 등록" 한다는 말이 도무지 이해가 안하서, 내가 프로퍼티에 대해 잘못 알고있나.. 싶어서 찾아본글.

 

"DOM 요소의 프로퍼티에 할당을 한다"

DOM(=객체)가 가지고 있는 항목이 프로퍼티이니까, onload, onclick 같은게 프로퍼티이겠지. 여기에 이벤트 리스너를 등록한다는 말인것 같다. 말을 너무 어렵게해~~

 

그래도 덕분에 프로퍼티 복습했다. 바잉