참고자료: 인프런 코어자바스크립트(클래스 편)
코어 자바스크립트 - 인프런 | 강의
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 ...
'자바스크립트의 정석 🟡' 카테고리의 다른 글
자바스크립트 - tag function (0) | 2023.09.17 |
---|---|
자바스크립트- forEach, map, reduce (0) | 2023.09.17 |
자바스크립트 - 프로토타입 (2) | 2023.09.17 |
자바스크립트 - callback 함수 (0) | 2023.09.17 |
자바스크립트 - var, let, const (0) | 2023.09.16 |