자바스크립트(JavaScript)에서 메서드(method)란 객체(object)에 대해 수행하는 동작(action)을 의미합니다. 자바스크립트 메서드는 함수 정의(function definition)를 객체의 속성 값(property value)으로 저장한 형태입니다.
쉽게 말해, 객체 내부에 포함된 함수가 바로 메서드이며, 이를 통해 객체와 관련된 특정 기능을 수행할 수 있습니다.
메서드 정의 예제
다음은 자바스크립트에서 메서드를 정의하고 사용하는 간단한 예제입니다.
<!DOCTYPE html>
<html>
<body>
<h3 id="myDept"></h3>
<script>
var department = {
deptName: "Marketing",
deptID : 101,
deptZone : "North",
details : function() {
return "Department Details<br>" + "Name: " + this.deptName + " <br>Zone: " + this.deptZone + "<br>ID: " + this.deptID;
}
};
document.getElementById("myDept").innerHTML = department.details();
</script>
</body>
</html>예제 설명
위 코드에서 department 객체는 deptName, deptID, deptZone이라는 세 개의 속성을 가지고 있습니다. 그리고 details라는 이름의 메서드가 함수 형태로 정의되어 있습니다.
메서드 내부에서 사용된 this 키워드는 해당 메서드가 속한 객체 자신을 가리킵니다. 따라서 this.deptName, this.deptZone, this.deptID를 통해 객체의 각 속성 값에 접근할 수 있습니다.
마지막으로 department.details()를 호출하면 부서의 이름, 지역, ID 정보를 포함한 문자열이 반환되며, 이 결과가 innerHTML을 통해 화면에 출력됩니다.