본문 바로가기

언어/javascript

자바 스크립트 - 객체 생성과 prototype

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