오봉이와 함께하는 개발 블로그

JavaScript - 사용자 정의 함수 new Object() 본문

FE/JavaScript

JavaScript - 사용자 정의 함수 new Object()

오봉봉이 2021. 12. 13. 13:54
728x90

사용자 정의 객체

  • 사용자가 직접 필요한 객체를 생성해서 사용
  • 사용자 정의 객체 생성 방법
    • 리터럴 이용
    • 생성자 함수(function()) 이용
    • new Object() 이용
    • class 정의하고 객체 생성

new Object() 이용

  • new Object()로 빈 객체 생성 후 프로퍼티 추가
  • 멤버 메소드 추가
  • 객체.메소드() // 객체의 멤버 메소드 사용
  • 형식
var 객체 = new Object(); // 빈 객체 생성(new는 생략 가능)
// 프로퍼티 추가
객체.프로퍼티 = 값;
// 멤버 메소드 추가
객체.메소드명 = function() {
    코드
}
// 객체의 멤버 메소드 호출
객체.메소드();
new Object() 예제 - object5-Object.html
        <script type="text/javascript">
            // new Object() 이용해서 빈 객체 생성
            var person = new Object();
            // 프로퍼티 추가
            person.name = "홍길동";
            person.age = 20;

            // 멤버 메소드 추가
            person.getName = function() {
                return this.name;
            }

            console.log(person.getName()); // 홍길동
            console.log(person.age); // 20
        </script>
728x90
Comments