본문 바로가기

자바스크립트의 정석 🟡

자바스크립트 - class

참고자료: 인프런 코어자바스크립트(클래스 편)

 

코어 자바스크립트 - 인프런 | 강의

ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.,  📢 강의 리뉴얼 안내 2021.8.26 리뉴얼 강의가 섹션 0에 업데이트 되었습니다. 기존

www.inflearn.com

 

1. 클래스 

인스턴스들의 상위 클래스인 생성자함수와 생성자함수의 메소드들. 

인스턴스는 생성자함수를 직접 가진 못해. 인스턴스는 프로토타입을 통해 상위로 갈 수 있지.

 

function Person(name, age){
    this._name = name;
    this._age = age;
}

//스태틱 메서드 - 생성자함수의 메서드
Person.getInformations = function(instance){
    return{
        name:instance._name,
        age: instance._age
    };
}


//프로토타입의 메소드 
Person.prototype.getName= function(){
    return this._name;
}
Person.prototype.getAge=function(){
    return this._age;
}

이런 코드가 있을 때, 

 

var roy = new Person('로이', age);

console.log(roy.getName());
console.log(roy.getAge());

console.log(roy.getInformations(roy));  //error
console.log(Person.getInformations(roy));

roy.getName(), roy.getAge()로 프로토타입을 통해 메소드를 부르는 건 가능하지만, 

 

roy에서 생성자함수의 스태틱메소드로 바로가는 것은 안돼. 

다만, 함수의 스태틱메소드에서 로이를 부르는 것은 가능

 

 

 

to be continued ...