기초를 총결하다

유형 정의 방법

모방

type alias

interface

초대하다

변형된 문법은 변수명을 겨냥한 것이다
정의하고 싶은 것: type
다양한 일을 통해 유형을 정의할 수 있다.

//例
const typeString: string = "文字列";
const typeNumber: number = 2;
const typeBoolean: boolean = true;

type alias

type alias
유형 정의 이름 = 유형
이렇게 정의합니다.
유형 별칭은 이름을 지정하는 데 사용됩니다.

//例
type typeString = string;
const name: typeString = "山田 太郎";
type typeNumber = number;
const age: typeNumber = 25;

interface

interface는 대상, 함수, 클래스를 정의하는 데 사용됩니다.
type과interface의 차이점 사용과 제작된 코드 전체와 관련된 부분적으로interface를 사용하면 type이라는 구분을 사용하는 것이 좋다고 생각합니다.나는class라는 설계도를 만들 때 전체와 관련된 경우가 많기 때문에interface를 사용하는 것이 가장 좋다고 생각한다.
쓰다
인터페이스 유형을 정의하는 데 사용되는 이름 {형}
정의할 수 있습니다.

interface Person {
  name: string
  age: number
}
const person:Person = { name: '山田 太郎',age:20 }
class person2 implements Person {
  constructor(){
    this.name= ""
    this.age= 0
  }
  name = '田中 太郎'
  age = 25
}
const tanaka = new person2()

유형 정보

String형

Number형

Boolean형

Aray형 tuple형

Object형

null 및 undefined

함수

any

String형

string형은 문자열 형식입니다.
typescript라면 더블 쿼터, 싱글 쿼터, 등 쿼터(템플릿 소양)를 끼워 넣을 수 있다.

//例
const typeString1: string = "文字列";
const typeString2: string = "文字列";
const typeString3: string = `文字列`;

Number형

number 형식은 이름과 같이 수치의 형식입니다.
수치이기 때문에 정수, 음정수, 소수와 수치라면 무엇이든 대응할 수 있다.

//例
const typeNumber1: number = 1;
const typeNumber2: number = -1;
const typeNumber3: number = 0.1;

Boolean형

boolean형은 진위 값의 유형입니다.
유진과 가짜 두 가지 값.

//例
const typeBoolean1: boolean = true;
const typeBoolean2: boolean = false;
const typeBoolean3: boolean = 20 + 30 === 50; //true

Arry형 tuple형

Aray형은 배열의 유형을 나타낸다.
배열 내용의 유형도 정의할 수 있습니다.

const typeArray1: string[] = ["おはよう", "こんにちは", "こんばんは"];
const typeArray2: number[] = [1, 2, 3, 4, 5, 6];

tuple형은 Arry형보다 배열을 더욱 엄격하게 정의할 수 있다.
스프레드시트를 사용하여 나머지 요소의 유형을 정의할 수도 있습니다.

const typeTuple1:[string,number]=["山田",20]
const typeTuple2:[string,...number[]]=["歳",20,30,23,25,19,10]

Object형

Object형은 키와 값을 함께 설정하는 유형을 나타냅니다.
Object형은 그 키의 어떤 종류가 들어갈 것인지를 하나하나 정의할 수 있습니다.

//例 アノテーション
const typeObject1:{
  name:string
  age:number
  hobby:string[]
}={
  name:"山田　太郎",
  age:20,
  hobby:["絵","歌"]
}
//型エイリアス
type TypeObject = {
  name:string
  age:number
  hobby:string[]
}
const typeObject2:TypeObject={
  name:"田中 太郎",
  age:23,
  hobby:["サッカー","車鑑賞"]
}

null undefined

null은 정의되었지만 수치가 없다는 것을 가리킨다.
undefined는 정의도 입력도 하지 않은 것을 가리킨다.

const typeNull: null = null;
const typeUndefined: undefined = undefined;

함수.

함수는 반환값이 있을 때와 반환값이 없을 때 형식이 다르다.
반환 값이 있을 때 반환 값의 유형을 지정합니다.
반환 값이 없을 때void형을 반환합니다.
매개변수 유형을 정의할 수도 있습니다.

//例 アノテーション
const arg = "戻り値なし";
//戻り値なし
const typeFunction1 = (arg: string): void => {
  console.log(arg1);
};
//戻り値あり
const typeFunction2 = (num: number): number => {
  return num + 20;
};
//型エイリアス
//戻り値なし
type TypeFunction3 = {
  (arg: string): void
};
const typeFunction3: TypeFunction3 = (arg) => {
  console.log(arg1);
};
//戻り値あり
type TypeFunction4 = {
  (arg: string): number
};

const typeFunction4: TypeFunction4 = (num) => {
  return num + 20;
};

any

any는 모든 유형을 통과합니다.아무거나!
다만 유형을 정의할 수 있으면서any를 사용하면 typescript를 사용할 뜻이 없습니다.
//다음은 다음에 업데이트한다.

기타 유형

union형

교차형

unknown형

Generics