자바스크립트 객체 메소드란? 개념부터 호출 방법까지 총정리

자바스크립트 객체 메소드란 무엇인가?

자바스크립트에서 메소드(Method)는 객체에 대해 수행되는 동작(action)을 의미합니다. 메소드는 객체의 속성(property) 중 하나로, 직원 객체를 예로 들면 이름("Amit"), 부서("Marketing"), 사번(001)처럼 값을 담는 일반 속성과 함께 객체 안에 포함됩니다. 차이점이 있다면 메소드는 단순한 값이 아니라 함수 형태라는 것입니다.

즉, 자바스크립트에서 함수가 객체의 속성으로 정의되면 그것을 '메소드'라고 부르는 것입니다.

객체 메소드에 접근하는 방법

자바스크립트에서 객체 메소드에 접근하려면 점(.) 표기법을 사용하여 다음과 같은 문법으로 호출합니다.

object.method()

예를 들어 직원 정보를 출력하는 메소드를 호출할 때는 아래와 같이 작성합니다.

employee.details()

예제 코드

다음 코드를 실행하면 객체 메소드를 정의하고 호출하는 과정을 직접 확인할 수 있습니다.

<html>
    <head>
        <script>
            var employee = {
                empname: "Amit",
                department : "Marketing",
                id : 001,
                details : function() {
                    return this.empname + " with ID: " + this.id;
                }
            };
            document.write(employee.details());
        </script>
    </head>
</html>

코드 설명

위 예제에서 employee 객체는 세 가지 일반 속성(empname, department, id)과 하나의 메소드(details)를 가지고 있습니다. 메소드 내부에서 사용된 this 키워드는 해당 메소드가 속한 객체 자신을 가리키므로, this.empname은 "Amit", this.id는 1을 반환하게 됩니다.

실행 결과

브라우저에서 위 코드를 실행하면 화면에 다음과 같은 결과가 출력됩니다.

Amit with ID: 1

자바스크립트 객체 메소드란? 개념부터 호출 방법까지 총정리

정리

자바스크립트에서 메소드는 곧 객체에 포함된 함수입니다. 객체명.메소드명() 형태로 호출하며, 메소드 내부에서는 this를 통해 같은 객체의 다른 속성에 자유롭게 접근할 수 있습니다. 이 기본 개념만 확실히 잡아두면 이후 프로토타입, 클래스 등 객체 지향 프로그래밍을 학습할 때 큰 도움이 됩니다.