[Typescript] 기초 배우기

hsnam·2022년 8월 3일
0

typescript

목록 보기
2/10
post-thumbnail

TypeScript의 변수

변수 선언

  • TS 문자열 선언
let str: string = 'hello';
  • TS 숫자 선언
let num: number = 10;
  • TS 배열 선언
let arr: Array<number> = [1,2,3];
let heroes: Array<string> = ['Cept', 'Thor', 'Hulk'];
let items: number[] = [1,2,3];

튜플

  • 배열에 인덱스에 타입을 세부적으로 지정할 수 있다.
let address: [string, number] = ['gangnam', 1000];

객체

let person: { name: string, age: number} = {
  name: 'thor',
  age: 1000
}

진위값

let show: boolean = true;

함수

  • 함수의 파라미터에 타입을 정의하는 방식
function sum(a: number, b:number) {
	return a + b;  
}
sum(10, 20);
  • 함수의 반환 값에 타입을 정의하는 방식
function add(): number {
  return 10;
}
add();
  • 함수에 타입을 정의하는 방식
function sum(a: number, b: number): number {
  return a + b;
}
sum(10, 20);
  • 함수의 파라미터를 제한 하는 특성(유현한 javascript를 제약함)
function sum(a, b) {
  return a + b;
}

sum(10, 20, 30, 40, 50);
  • 함수의 옵셔널 파라미터
function log(a: string, b?: string) {
  console.log(a + b);
}

log('hello world');
log('hello ts', 'abc');

0개의 댓글