[JavaScript] JavaScript 객체 생성하기
- 웹 프로그래밍/JavaScript
- 2020. 12. 21. 00:00
안녕하세요.
오늘은 JavaScript 에서 객체에 대해서 알아 보려고 합니다.
그 중에서도, 객체 생성하는 방법들에 대해서 공부해 보려고 합니다.
JavaScript에서 객체를 생성하는 방법은 크게 3가지 방법이 있습니다.
1. 리터럴 표기를 이용한 객체 생성
2. 생성자 함수를 이용한 객체 생성
3. Object.create() 메서드를 이용한 객체 생성
크게 위의 3가지 방법으로 객체를 생성할 수 있습니다.
그럼 예제 코드를 통해서 어떻게 위의 3가지 방법으로 JavaScript에서 객체를 생성하는지 알아보도록 하겠습니다.
예제 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
<html>
<head>
<title>HTML 제목 - 범범조조</title>
<meta charset="utf-8">
<style>
h1{
color: blue;
background-color: burlywood;
}
h2{
color: red;
}
</style>
</head>
<body>
<h1>JavaScript 객체 생성 방법</h1>
<h2>리터럴 방법</h2>
<script>
var dog ={
name : "뽀삐",
family : "시베리안 허스키",
age : 12
};
document.write("강아지 이름 : " + dog.name + "<br>");
document.write("강아지 종 : " + dog.family + "<br>");
document.write("강아지 나이 : " + dog.age + "<br>");
</script>
<br/>
<h2>생성자 함수 방법</h2>
<script>
var day = new Date();
document.write("올해는 : " + day.getFullYear() +"년 입니다.");
</script>
<br/>
<h2>Object.create() 방법</h2>
<script>
var obj = Object.create(null, {
name : {value: "범범조조", enumerable: true},
age : {value: 28, enumerable: true}
});
document.write("obj.name : " + obj.name + "<br>");
document.write("obj.age : " + obj.age + "<br>");
</script>
</body>
</html>
|
cs |
실행 결과
위와 같이 리터럴 방법, 생성자 함수 방법, Object.create() 방법 총 3가지 방법으로 객체를 생성하고 출력해 보았습니다.
감사합니다.^^
728x90
'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
| [JavaScript] JavaScript 프로토타입 (0) | 2020.12.22 |
|---|---|
| [JavaScript] JavaScript 반복문 – for 문 (0) | 2020.12.21 |
| [JavaScript] JavaScript 반복문 – While문, do While 문 (0) | 2020.12.20 |
| [JavaScript] JavaScript 객체 프로퍼티, 메서드 참조하기 (0) | 2020.12.20 |
| [JavaScript] JavaScript 객체란 (0) | 2020.12.19 |
