TS (TypeScript) 입문

ts 는 js 형식의 초 집합 으로 순수 js 로 컴 파일 할 수 있 습 니 다.새 회사 의 프로젝트 에 서 는 논리 코드 나 패 키 징 함수 가 모두 ts 에 여러 번 사용 되 었 으 며, 앞으로 의 업무 에서 ts 는 없어 서 는 안 될 일부분 이 될 것 이 므 로 여가 시간 에 간단하게 ts 에 입문 하 였 다.
ts 는 원생 의 js 를 강 한 유형 언어 로 만 들 었 다. 예 를 들 어:

//js
function test(a) {//        
    console.log(a)
}

//ts
function TStest(a:String) {//      test         
    cosnole.log(a)
}

TStest(123)//Type 'string' is not assignable to type 'Number'

다음은 몇 가지 자주 사용 하 는 정의 유형 입 니 다.

    let name: String = 'ts';//      
    let age: Number = 12;//     
    let list: Array = [34342, 342343];//           
    let list1: Number[] = [23434, 23424];//           
    let list2: [Number, Boolean] = [2343434, false];//               
    enum Color { red, green, yellow };//      
    let c = Color[1];//        
    let anyType: any = 345353;//      
    let ListAng: any[] = [1, '3', false];//              
    let object: Object = { name: '3234234' };//     

ts 클래스

export class CommonFnTs {

  private nn: String;
  public mm: Number;
  protected tt: String;
  constructor(nnn: String) {
    this.nn = nnn;
    this.mm = 2234234;
    this.tt = '123456';
    let name: String = 'ts';
  }
  private getValue() {
    console.log(this.nn, this.mm)
  }
  public get setValue() {//       
    return this.mm
  }
  public test(nnn: String = '5') {
    console.log(nnn)
  }
  fnReturnType(num?: String): Number {//           ,          
    return 2423434
  }
}

Public 는 클래스 를 정의 하 는 공공 방법 이나 매개 변 수 를 기본적으로 공공 방법 으로 쓰 지 않 고 private 정의 클래스 의 개인 적 인 방법 이나 매개 변수 입 니 다.get 은 인자 하 나 를 return 해 야 합 니 다.num? String 은 인자 가 있 으 나 없 으 나 값 을 전달 하려 면 문자열 이 어야 한 다 는 뜻 입 니 다.fnReturnType (): Number 함 수 는 숫자 를 되 돌려 야 합 니 다.
TS 인터페이스

interface extendInterface {
  extend: Object
}
export interface interFaceObj extends extendInterface {//    
  name1?: String;//    
  readonly age1: Number;//    
  sex1: Boolean
}
function interfaceFn(obj: interFaceObj = { name1: '1111123', age1: 123, sex1: false, extend: { a: 1 } }) {//      
  console.log(obj)
}
let objTest: interFaceObj = { name1: '123', age1: 123, sex1: false, extend: { a: 1 } }
objTest.name1 = 'true'
interfaceFn(objTest)

인터페이스 인 터 페 이 스 는 주로 유사 한 함수 가 매개 변 수 를 전달 하 는 규칙 을 정의 하 는 데 사용 된다.인 터 페 이 스 는 계승 할 수 있 는 유사 한 class 클래스 입 니 다.
문서 에는 tsconfig. json 의 설정 항목 과 비교적 적 게 사용 되 는 지식 도 있 습 니 다. 이상 은 비교적 자주 사용 하 는 지식 입 니 다. 대체적으로 이렇게 하 겠 습 니 다. 그 다음 에 다른 지식 을 보충 하 겠 습 니 다.