(TypeScript) Js와의 관계, 유형 구문, 유형 생성 방법

by

타입스크립트란?

자바스크립트 등

TypeScript는 다음을 지원하기 위해 JavaScript에 추가 구문을 추가합니다. 편집기와의 긴밀한 통합. 편집기에서 초기에 오류를 포착하십시오.

TypeScript는 JavaScript에 추가 구문을 추가하여 편집기와의 긴밀한 통합을 허용합니다. 지원하다 . 편집기에서 초기에 오류를 포착하십시오.

신뢰할 수 있는 결과

TypeScript 코드는 JavaScript로 변환됩니다. JavaScript가 실행되는 모든 곳에서 실행: 브라우저, Node.js 또는 Deno, 앱에서.

'추천 관련글,

TypeScript 코드는 자바스크립트가 실행되는 모든 곳 (브라우저, Node.js 또는 Deno 및 앱)계속 실행되는 JavaScript로 변환

대규모 안전

TypeScript는 JavaScript를 이해하고 사용합니다. 훌륭한 도구를 제공하는 유형 추론 추가 코드 없이.

TypeScript는 JavaScript를 이해하고 유형 추론을 사용하여 추가 코드 없이 훌륭한 도구 제공

js와의 관계

Ts를 Js의 상위 집합으로 생각하십시오.


구문 입력

1. 인터페이스

interface State {
	name : string;
    tele : number;
}

const states : State () (
	{name : 'YOU', tele : 01011112222},
    	{name : 'ME ', tele : 01033334444},
)

두 번째 변수 

const X : number = 3

const a : string | null = null

3. 기능

function add ( a: number, b: number) : number {
	return a+b 
}

4. 종과 협회

type Alpha="A" | 'B' | 'C'

const a : Alpha="A" // O
const b : Alpha = 1 // X

5. 반복 함수 서명

type BinaryFn = ( a:number, b: number) => number

function add :BinaryFn = (a,b) => a+b
function sub :BinaryFn = (a,b) => a-b
function mul :BinaryFn = (a,b) => a*b
function div :BinaryFn = (a,b) => a/b

메모)

유형 어설션(유형으로)을 피하십시오.

//타입 단언 ex
const bob = { name:'Bob' } as Person;

//타입 선언 
const bob :Person = { name:'Bob' }