ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Typescript - public & private
    Front-end/Typesrcipt 2023. 4. 18. 09:27
    728x90
    반응형

    Typescript public

    Typescript public 이란 class에서 쓰이는 키워드이다. public 이 붙은 변수에는 모든 자식들이 사용 가능하다.

    class Pet {	// 클래스를 선언한다.
        public name = 'bomi';	// public 키워드 선언 (생략이 가능)
        constructor(a) {
            this.name = a;
        }
    }
    
    let myPet = new Pet('bomi');	// 클래스 변수를 선언한다.
    
    myPet.name = 'ruru';	// public 키워드가 붙은 변수를 사용/수정이 가능하다.

     

    public 키워드는 축약어사용하여 간단하게 코드를 짤 수 있다.

    class Person {	// 클래스선언
        constructor(public name: string) {	// name이라는 public 키워드를 가진 변수선언
    
        }
    }
    
    let me = new Person('kim'); // name 에 kim을 선언

     

     

     

    반응형

     

     

     

    Typescript private

    Typescript private class에서 쓰이는 키워드이다. private 키워드는 class내에서만 수정이 가능하다.

    class Pet {	// 클래스를 선언한다.
        private name = 'bomi';	// private 키워드 선언
        constructor(a) {
            this.name = a;
        }
    }
    
    let myPet = new Pet('bomi');	// 클래스 변수를 선언한다.
    
    myPet.name = 'ruru';	// private 키워드가 붙은 변수를 사용/수정할 수 없다.

     

    private 키워드는 외부에서 변경이 필요 없는 클래스 내 변수에 선언하여 클래스 내에서만 변경이 가능하도록 한다.

    class Chichu {	// 클래스를 선언한다.
        name: string;
        private animal: string = 'Dog';	// private 키워드 변수 선언
        constructor(a) {
            this.name = 'My' + this.animal +' '+  a ;
        }
    
        changeAnimalFn() {	// 클래스 내 private 키워드를 변경 가능한 함수 선언
            this.animal = 'Cat';
        }
    }
    
    let myPet = new Chichu('bomi');	// 클래스 변수를 선언한다.
    myPet.changeAnimalFn();	// 함수를 실행해서 private 변수 변경
    console.log(myPet);

     

    728x90
    반응형

    'Front-end > Typesrcipt' 카테고리의 다른 글

    Typescript - import & export & namespace  (0) 2023.04.18
    Typescript - protected & static  (0) 2023.04.18
    Typescript - never type  (0) 2023.04.18
    Typescript - Narrowing  (0) 2023.04.18
    Typescript - rest & destructuring  (0) 2023.04.14
Designed by Tistory.