ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Typescript class 타입 지정 constructor, prototype
    front-end/TypeScript 2024. 2. 23. 10:09
    728x90

    1. 필드값 타입 지정하기

    1. class 내부에는 모든 자식 object에게 속성을 만들수있습니다.

    2. class 내부 중괄호 안에 변수 처럼 작성하면 됩니다.

    3. 타입스크립트로 인한 타입을 지정이 가능합니다.

     class electronics {
     
      name :string = 'TV';
      model :number = 20240223
     }
    
     let home = new electronics();
    
    console.log(home);
    //model:20240223
    //name:"TV"

     

     

    2. constructor 타입지정

    1.  필드 값을 설정해야 됩니다.

      class electronics {
        constructor() {
          this.name = name;
          this.model = model;
        }
      }
      // 에러 발생  Error : Property 'name' does not exist on type 'electronics'

     

    2. 파라미터의 타입을 지정해야 됩니다.

      class electronics {
    
        name: string;
        model: number;
    
        constructor(name, model) {
          this.name = name;
          this.model = model;
        }
      }
      // 에러 발생

     

    3. 파라미터를 넣고 싶으면 constructor로 해야 됩니다.

      class electronics {
    
        name: string;
        model: number;
    
        constructor(name: string, model: number) {
          this.name = name;
          this.model = model;
        }
      }
    
      let home = new electronics('TV', 20240223);

     

     

    3. prototype 사용하기

    1. prototype 사용하기

    electronics.prototype.test = function(){
    // 내용
    }

     

    2. class 내부에서도 사용이 가능하다

      class electronics {
    
        name: string;
        model: number;
    
        constructor(name: string, model: number) {
          this.name = name;
          this.model = model;
        }
    
        // prototype 
        test(model:number){
          console.log('모델명 ' + model)
        }
      }
     
      let home = new electronics('TV', 20240223);
      home.test(20240223)
    728x90
Designed by Tistory.