JavaScript - 클래스 활용예시

// static

        // 정적 프로퍼티 및 메소드를 생성

        // 클래스 레벨 메소드(스테틱을 사용한 메소드)에서는 this를 참조할수 없다.

        // 메모리에 먼저 올라가기 때문에 값을 받아올수가 없음

        class Fruit {

            static count_fruits = 10; // 객체를 생성하지 않아도 메모리에 올라가 있다.

            constructor(name, emogi){

                this.name = name;

                this.emogi = emogi;

            }

            dispaly = () => {

                console.log(`${this.name}: ${this.emogi}`);

            }

            static makeBanana(){

                return new Fruit('banana', '🍌')

            }

        }

        const apple = new Fruit('apple', '🍎')

        const orange = new Fruit('orange', '🍊')

        console.log(apple);

        console.log(apple.name);

        console.log(orange);

        console.log(orange.name);

        console.log(Fruit.count_fruits);

        const banana = Fruit.makeBanana();

        console.log(banana);

        console.log('-----------------------------');

        class Dog{

            #name; // private 해당 속성이 적용된 클래스 외에서는 접근이 불가능함

            #color;

            constructor(name, color){

                this.#name = name;

                this.#color = color;

            }

            // 프로퍼티명과 꼭 일치할 필요는 없음

            set name(value){

                console.log('set', value);

                this.#name = value;

            }

            get name(){

                return `이름: ${this.#name}`;

            }

            run = () => {

                console.log(`${this.#color} 색상의 이로치 ${this.#name}이(가) 달립니다.`);

            }

            #eat = () => {

                console.log(`${this.name}는 먹습니다.`);

            }

            colorEat = () => {

                this.#eat();

            }

        }

       

        const Rucy = new Dog('루시', 'white');

        // Rucy.name = '류씨'; // name이 새로 생성됨

        console.log(Rucy);

        //Private field '#name' must be declared in an enclosing class

        // Rucy.#name = '류씨';

        console.log(Rucy);

        Rucy.name = '피카츄';

        console.log(Rucy);

        console.log(Rucy.name);

        Rucy.run();

        // Rucy.eat();

        Rucy.colorEat();

console.log('------------------------------');

        // 문제 카운터 만들기

        // 카운터를 0으로 값을 초기화 한뒤 하나씩 숫자를 증가할 수 있는 메소드를 구현

        class Counter {

            #value

            constructor(value){

                if(isNaN(value) || value < 0) this.#value = 0;{

                    this.#value = 0;

                }else{

                    this.#value = value;

                }

            }

                get value(){

                    return this.#value;

                }

                increment = () => {

                    this.#value++;

                }

        }

           

        const cnt = new Counter(0);

        cnt.increment(); //1

        cnt.increment(); //2