오봉이와 함께하는 개발 블로그
JavaScript - 사용자 정의 함수 new Object() 본문
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
'FE > JavaScript' 카테고리의 다른 글
JavaScript - JSON 데이터 변환, 추출, 원하는 데이터 찾기 (0) | 2021.12.13 |
---|---|
JavaScript - 사용자 정의 객체 Class 정의 (0) | 2021.12.13 |
JavaScript - 사용자 정의 객체 생성자 함수 (function, prototype) (0) | 2021.12.13 |
JavaScript - 사용자 정의 객체 리터럴 (0) | 2021.12.13 |
JavaScript - 폼 유효성 확인 예제 (0) | 2021.12.13 |
Comments