반응형 function4 03 TypeScript - function 3. function TypeScript에서 달라진 function에 대해 알아보자. 이전 타입에 대한 글에서도 나왔지만 function의 return 값의 타입을 지정해 줄 수 있다.void, string, number 등등void 외의 타입은 return 값을 반드시 가져야 한다. 그리고 input 변수에서 타입을 지정해 줄 수 있다.여기서 기존 JavaScript와 다른 점은 지정한 input 인수 갯수와 실제로 함수를 불러와 사용할 때 인수의 갯수가 다르면 에러가 난다.반드시 맞춰줘야 한다. 만약에 인수를 사용할 수도 있고, 안 할 수도 있게 사용하고 싶다면 선택 인수를 사용해야한다. 예제를 보면서 확인해 보자. 기존의 JavaScript는 정해놓은 인수보다 적거나 많은 인수를 받아도 알아서 동작.. 2018. 4. 5. 02 TypeScript - 특징 및 타입 2. 특징 및 타입 TypeScript의 특징 및 타입을 공부해보자. TypeScript의 공식 홈페이지 는 다음과 같고, Document에 들어가면 더 많은 정보를 알 수 있다. (1) 특징 가. 컴파일 동작 ( Compilation ) javascript 언어는 인터프리터 언어이다. 따라서 코드가 유효한지 알기 위해서는 실행을 해야 알 수 있다. 결국 코드에서 발생되는 버그를 찾기 위한 많은 시간이 발생된다. 하지만 Typescript 는 컴파일러에 의해서 오류 검사를 할 수 있다. 즉 TypeScript는 코드를 컴파일하고 구문 오류를 발견하면 컴파일 오류를 발생시킨다. 나. 강력한 정적 타입 지정 ( Strong static Typing ) javascript 언어는 엄격하지 않은 타입 언어이다... 2018. 4. 5. 04 ECMAScript6 - function 2 (람다 함수, arrow 함수, generator) (4) 람다 함수 (arrow 함수)람다 함수는 일반적인 함수 표현식을 function키워드 없이 => 이용하여 표현한 방법이다. 위와 같이 사용할 수 있다.function과는 약간 다른 점도 있는데 arrow 함수를 사용할 시 주의할 점은 다음과 같다. 위와 같이 this를 사용할 수 없으므로 이때는 fuction()을 사용해야한다. (5) generator 함수generator 함수는 다음과 같은 표현식을 사용하여 선언한 함수를 의미한다.generator 함수를 호출하면 generator 객체를 생성하여 반환한다. 일반적으로 함수를 호출하면 {}이 실행되지만, generator 함수는 {}을 실행하지 않고 generator 객체를 생성하여 반환한다. 기본적으로 위와 같이 사용한다.generator 함.. 2018. 4. 2. 04 ECMAScript6 - function 1 (default, rest, spread) 4. function1 ES6에서 제공하는 함수의 기능 및 특징을 알아보자. (1) default 파라미터ES6에서 함수는 전달된 값이 없거나 정의되지 않은 경우 매개 변수를 기본값으로 초기화 할 수 있다. 위와 같이 사용하며, undefined를 방지한다. (2) rest 파라미터자바의 가변 인자와 동일한 기능을 한다. ‘spread 연산자’ 라고 하는 ‘…변수명’ 이용한다. - 내부적으로 배열(Array)로 처리한다. - 따라서 Array객체에서 제공하는 메서드를 사용할 수 있다. - rest 파라미터는 항상 마지막에 사용해야하며, 그렇지 않으면 에러가 발생한다. (3) spread 연산자위의 rest 파라미터에서 보듯이 ‘…변수’ 형식이다.사용 용도 2가지이다.- 함수의 파라미터- 값 (배열 및 객.. 2018. 4. 2. 이전 1 다음 반응형
