A>객체 만들기
사용자가 만든 객체
사용 예시
1. new Object() 로 생성
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<script>
function inquiry() {
return this.balance;
}
function deposit(money){
this.balance += money;
}
function withdraw(money){
this.balance -=money;
return money;
}
var account = new Object();
account.owner = 'name';
account.code = '111';
account.balacne = 20000;
account.inquiry = unquiry;
account.deposit = deposit;
account.withdraw = withdraw;
</script>
|
cs |
주의할 점은
inquiry 같은 함수 호출시
account.inquriry() 이렇게 해야한다.
2.JSON(Java Script Object Notation) 형식으로 할 때
1 2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<script>
var account = {
owner : 'name',
code :'111',
balacne : 20000,
unquiry:function () {
return this.balance;
},
deposit:function (money){
this.balance += money;
},
withdraw:function (money){
this.balance -=money;
return money;
}
};
</script>
|
cs |
3.프로토타입으로 만들시
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<script>
function Account(owner,code,balance){ this.owner = owner;
this.code = code;
this.balance = balacne;
this.inquiry = function(){
return this.balance;
}
this.deposit = function(money){
this.balance += money;
}
this.withdraw = function(money){
this.balance -= money;
return money;
}
}
var account = new Account('name','111',35000);
account.inquiry();
account.deposit();
</script>
|
cs |
프로토 타입은 function으로 객체를 생성한다 생각하면 된다.
'언어 > javascript' 카테고리의 다른 글
BOM (0) | 2021.02.15 |
---|---|
자바스크립트 - 이벤트 (0) | 2021.02.09 |
자바스크립트 - 함수와 스코프 (0) | 2021.02.08 |
자바 스크립트 기본 제어문2 (0) | 2021.02.08 |
자바스크립트 기본 제어 메소드들 (0) | 2021.02.08 |