テキストタイプは、コレクションタイプのより具体的なサブタイプです.TSには文字列と数字の2種類があり、文字列または数字に正しい値を指定できます.

1.テキストタイプの縮小

varorlet変数を宣言すると、変数の値が変更される可能性があります

const変数宣言時:変数の値は絶対不変

// 문자열이 아닌 "Hello World"로 타입을 정함
const helloWorld = "Hello World";

// 문자열이라고 선언 함
let hiWorld = "Hi World";

2.文字列タイプ

文字列タイプはunionタイプ、タイプ保護、タイプ別名とよく結合されています.これらの機能を一緒に使用すると、文字列にenumと似た形式を持たせることができます.

type Easing = "ease-in" | "ease-out" | "ease-in-out";

class UIElement{
	animate(dx: number, dy: number, easing: Easing) {
    	if(easing == "ease-in") {
        	//...
        } else if (easing === "ease-out") {
        } else if (easing === "ease-in-out") {
        } else {
        	// 누군가가 타입을 무시하면 else 구문이 실행됨
        }
    }
}

let button = new UIElement();
button.animate(0, 0, "ease-in");
button.animate(0, 0, "uneasy");

許可されていない3つの文字列を使用すると、エラーが発生します.
文字列タイプは、オーバーロードを区別するのと同じ方法で使用できます.

function createElement(tagName: "img"):HTMLImageElement;
function createElement(tagName: "input"): HTMLImageElement;
// ...
function createElement(tagName: string): Element {
// ...
}

3.数字文字タイプ

文字列文字のように機能する数字文字のタイプもあります.

function rollDice(): 1 | 2 | 3 | 4 | 5 | 6;
	return (Math.floor(Math.random() * 6) +1) as 1 | 2 | 3 | 4 | 5 | 6;
}
const result = rollDice();

主に設定値の説明に使用します.