타입스크립트의 인터페이스
·
Front-End/TypeScript
타입스크립트 Interface 자바에서의 인터페이스는 추상 메소드와 를 정의한 클래스를 위주로 다루지만, 타입스크립트에서는 객체를 위주로 다룬다는 점에서 차이가 있습니다. 인터페이스는 두개의 시스템 사이에 상호 간 정의한 약속 혹은 규칙을 포괄하여 의미하는데, 이는 객체의 껍데기 또는 설계도와 비슷합니다. 여거 개의 함수와 여러개의 변수 등이 구조적으로 어떻게 결합되어야 하는지에 대한 약속입니다. interface Person { name: String; age?: number; //optional, 해당 속성은 명시해도 되고 안해도 된다. move(): void; //인터페이스에는 객체에 대한 정의 뿐만 아니라 함수에 대한 정의도 들어갈 수 있습니다. } var person1: Person = { na..
타입스크립트의 함수선언
·
Front-End/TypeScript
함수의 기본적인 타입 선언 매개변수와 반환값에 타입을 지정하였습니다. 반환 값에 타입을 정하지 않을 때는 void 라도 사용하는 것이 좋습니다. 함수 표현식 function sum1(a: number, b: number): number { return a + b; } 함수 선언식 //* 함수 선언식 let sum2 = function (a: number, b: number): number { return a + b; }; 화살표 함수 //* 함수 선언식 let sum3 = (a: number, b: number): number => { return a + b; }; Call Signature(함수 타입) 타입스크립트에서는 함수를 표현하는 타입을 미리 선언하는것이 가능하다. 위의 함수 표현식에서는 함수 리..
타입스크립트의 변수선언
·
Front-End/TypeScript
변수 Variable 선언자 변수 앞에 위치하는 키워드 선언자에 따라서 변수의 scope level이 달라진다. 함수 level : 해당 변수는 함수 안에 개별 선언으로 인식된다. 블록 level : 해당 변수는 블록안에 개별 선언으로 인식된다. 전역 level : 해당 변수는 프로그램 모든 범위에서 개별 선언으로 인식된다. 우선 순위 : 블록 > 함수 > 전역 선언자 종류 scope 가능 범위 특징 var 함수, 전역 호이스팅이 가능하다. ( 변수를 나중에 선언해도 해당 선언을 코드 최상단으로 올리는 것) let 함수, 블록, 전역 1. 같은 블록 내에서 같은 이름의 변수 중복 x 2. 변수를 초기화 하기 전에는 변수에 접근 할 수 없게 해서 호이스팅을 방지 3. 선언할 변수에 블록 레벨 스코프를 적용..