JSDoc을 이용한 타입체크

타입지정? 타입체크

• 유투브에서 여러 개발 영상을 보다가 JSDoc를 이용한 타입을 체크하는 방식이 있어서 블로깅을 합니다. 맨 처음에 타입스크립트처럼 타입지정을 해서 오류를 체크하는 방식인가 했더니, JSDoc에서 파라미터의 타입을 지정해주어 @ts-check를 통해 타입 오류에 대한 체크만 해주는 것이었다.
  그래서 컴파일했을 시, 기능은 돌아가긴 한다.
• 예제코드

// @ts-check
// 위의 주석을 해줘야 타입에 대한 체크를 해줌

// 아래와 같이 주석을 달아주면,
/**
 *  @param a {number}
 *  @param b {number}
 *  @returns {number}
 */

const add = (a, b) => a + b;
const a = "4";
const b = 5;
console.log(add(a, b));
// 인자 a의 타입이 잘못 됐다고 에러표시를 해줌
/**
 * 두 수의 차를 구한다.
 * @type {(a: number, b:number) => number}
 */

const minus = (a, b) => a - b;
console.log(minus("3", 2));
// 위의 것도 마찬가지로 에러 표시

• 이것 이외에도 JSDoc에 대한 알고 싶으면, 여기

proposal-types-as-comments

• 위의 처럼 자바스크립트도 타입스크립트처럼 타입을 지정해서 사용할수 있게 ECMA TC39에 제안이 들어왔다고 해야 되나? 고려해야 한다는 오피셜이 떴다.
• 그에 해당하는 내용은 여기