JavaScript에서 함수가 객체를 반환하도록 하려면 return 문을 사용하면 됩니다. 특히 객체 내부에 정의된 메서드에서 자신의 속성에 접근할 때는 this 키워드를 함께 활용하는 것이 일반적입니다.
기본 개념
JavaScript의 함수는 원시 값뿐만 아니라 객체도 반환할 수 있습니다. 객체 리터럴 안에 메서드를 정의하고, 그 메서드 내부에서 return 문으로 문자열이나 새로운 객체를 반환하면 됩니다. 이때 this는 해당 메서드가 속한 객체를 가리키므로, 객체의 다른 속성에 자유롭게 접근할 수 있습니다.
예제 코드
아래 예제는 JavaScript 함수에서 객체 정보를 반환하는 방법을 보여줍니다. 직접 실행해 보면서 동작을 확인해 보세요.
<html>
<head>
<script>
var employee = {
empname: "David",
department : "Finance",
id : 002,
details : function() {
return this.empname + " with Department " + this.department;
}
};
document.write(employee.details());
</script>
</head>
</html>실행 결과
위 코드를 실행하면 David with Department Finance라는 결과가 출력됩니다. employee.details() 메서드가 호출되면 this가 employee 객체를 가리키기 때문에, 해당 객체의 empname과 department 속성 값을 읽어와 하나의 문자열로 조합한 뒤 반환합니다.
핵심 포인트 정리
- return 문: 함수의 실행 결과를 호출자에게 돌려주며, 객체·문자열·숫자 등 어떤 값이든 반환할 수 있습니다.
- this 키워드: 메서드 내부에서 자신이 속한 객체를 참조할 때 사용하며, 코드 재사용성을 높여 줍니다.
- 메서드 호출 방식:
객체명.메서드명()형태로 호출해야this가 해당 객체를 올바르게 가리킵니다.
이처럼 return과 this를 적절히 활용하면, 객체의 상태를 기반으로 동적인 결과를 손쉽게 반환하는 JavaScript 함수를 작성할 수 있습니다.