생활코딩 JavaScript 객체지향 프로그래밍 (3)

 

 

---

 

 

class

//class 생성

/*
class Person {

}

var kim = new Person();
console.log(kim);
*/

// class constructor function

class Person {
    constructor(name, first, second){
        this.name = name;
        this.first = first;
        this.second = second;
    }
}

var kim = new Person('kim', 10, 20);
console.log('kim', kim);

// 출력값: kim Person { name: 'kim', first: 10, second: 20 }

 

class constructor

class Person {
    constructor(name, first, second){
        this.name = name;
        this.first = first;
        this.second = second;
    }
    sum(){
        return 'prototype : '+(this.first+this.second);
        }    
}

Person.prototype.sum = function(){
    return 'prototype : ' + (this.first + this.second);
}

var kim = new Person('kim', 10, 20);
var lee = new Person('lee', 10, 10);

// sum 재정의: "객체 이름"."함수 이름" = f(){}
//            sum() => sum (*****괄호 붙이지 말 것*****)
kim.sum = function(){
    return 'this : ' + (this.first + this.second);
}


console.log('kim : ', kim);
console.log('kim.sum() ', kim.sum());
console.log('lee.sum() ', lee.sum());

 

클래스 프로토타입, 상속

class Person{
    constructor(name, first, second){
        this.name = name;
        this.first = first;
        this.second = second;
    }
    sum(){
        return 'prototype : '+ (this.first + this.second);
    }
}

// 새로운 클래스 정의: 상속(inheritance)
//                   extends 사용 - 중복 제거

class PersonPlus extends Person {
    /*
    constructor(name, first, second){
        this.name = name;
        this.first = first;
        this.second = second;
    }
    sum(){
        return 'prototype : '+ (this.first + this.second);
    }
    */
    avg(){
        return (this.first + this.second)/2;
    }
}

var kim = new PersonPlus('kim', 10, 20);

console.log("kim.sum()", kim.sum());
console.log("lee.sum()", kim.avg());

 

super란?

서브(자식) 클래스에서 상위 클래스를 호출할 때 사용하는 키워드

/*
super() : 부모 클래스의 생성자에 접근
super : 부모 클래스(ex. 함수 등)의 메소드에 접근 

super가 없다면? : 자식이 부모 거 사용 못함

*/

class Person{
    constructor(name, first, second){
        this.name = name;
        this.first = first;
        this.second = second;
    }
    sum(){
        return (this.first + this.second);
    }
}

class PersonPlus extends Person {
    constructor(name, first, second, third){
        super(name, first, second) // 부모 클래스의 생성자 호출
        this.third = third;
    }
    sum(){
        return super.sum()+this.third;
        // 부모 클래스의 함수 sum 호출
    }
    avg(){
        return (this.first + this.second+ this.third)/3;
    }
}

var kim = new PersonPlus('kim', 10, 20, 30);
console.log("kim.sum()", kim.sum());
console.log("kim.avg()", kim.avg());

 

 

---

생활코딩으로 독학하기 ><

 

class - JavaScript 객체 지향 프로그래밍