반응형
250x250
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Notice
Recent Posts
Today
Total
관리 메뉴

네이처리 노트

[javascript] 클래스 본문

개발기록/Javascript

[javascript] 클래스

네이처리 2022. 9. 5. 11:53
728x90
반응형

공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요!



simple example

class Company{

    constructor(where = "사무실"){
        this.all = [];
        this.where = where;
    }
    newPerson(who = "김인턴"){
        this.all.push({"who": who, "where": where});
        return this;
    }
    get member(){
        return this.all;
    }
}
let apple = new Company();
    apple.newPerson("최인턴");
    apple.newPerson("옥인턴");

console.log(apple.member); // ["최인턴", "옥인턴"]


extends example

class Game extends Company{

	constructor(){
		super("개발팀"); // 상속 (부모에 파라미터값이 있을 경우, 전달 가능)
	}
	develop(){
		this.make = "something new";
		return this;
        }
        get release(){
            return this.make;
        }
        get member(){            // get 여러번 사용 가능
            return super.member; // 상속받은 코드 사용하기 (동일한 함수명은 오버랩스가능)
        }
}
let play = new Game();
		play.newPerson("남인턴");

console.log(play.develop().release); // (자식클래스) something new
console.log(play.member);  // (부모클래스) [{who: 남인턴},{where: 개발팀}]






Reference

1) 멤버변수, 사용 및 구조분해 할당 (링크정독권장👍🏻 )

ECMA script 2015(ES6) class (멤버 변수,메소드 사용 및 구조분해할당)

① 새로운 변수 선언 키워드 : let, const ② class 키워드 ,extends ③ 화살표 함수 (Arrow Function) ④ module 문법 : import, export <최종 화면> - class를 만들고, 참조변수로 참조, 멤버 변수,함수 사..

lcw126.tistory.com

728x90
반응형
Comments