[Typescript] 타입스크립트 변수

 

 

타입스크립트 기초

 

 

 

728x90

 

 

1. 변수

변수 선언에는 var, let, const 사용

// var 변수: 타입 = 값
// let 변수 : 타입 = 값
// const 변수 : 타입 = 값


// ex
let aaa = aaa;
let bbb: string = bbb;
const ccc = 1;

 

 

2. 원시타입

원시타입(primitive type)인 string, number, boolean은 타입스크립트에 대응하는 타입이 있음.

타입이 한번 정해지면 다른 값 대입이 안됨.

let aaa: number = 1;
let bbb: boolean = false;
let ccc: string = 'ccc';


aaa = 'aaa'; // X
bbb = 200; // X

 

 

3. 배열

배열도 타입지정하면 지정된 타입만 추가가 가능

const aaa: string[] = [];

aaa.push('aaa');
aaa.push(1); // X

 

 

4. 객체 타입

객체는 키와 값을 이용한 데이터 형식.

const aaa: {bbb: string; ccc: number} = {
	bbb: 'bbb',
    ccc: 111
}

console.log(aaa.bbb);
console.log(aaa.ccc);

 

객체 타입은 일부 또는 모든 속성을 ?를 사용해 옵셔널 속성으로 지정할 수 있음.

functuin aaa(obj: {bbb: string; ccc?: string}) {
	(중략)...
}

aaa({bbb: 'bbb'});;
aaa({bbb: 'bbb', ccc: 'ccc'});

 

 

5. 함수

함수의 인수와 반환값의 타입을 지정할 수 있음.

function aaa(bbb: string): string {
	return `aaa 다음은? => {bbb}`
}

aaa('bbb'); // aaa 다음은? => bbb

 

마찬가지로 옵셔널이 가능.

기본값 설정가능

function aaa(bbb: string, ccc: string = 'ccc'): string {
	return `aaa 다음은? => {bbb} 그리고? => {ccc}`
}

aaa('bbb'); // aaa 다음은? => bbb 그리고? =>
aaa('bbb', 'ccc'); // aaa 다음은? => bbb 그리고? => ccc