Babel없이 Flow 사용

기본적으로 Flow를 사용할 때는 Babel을 사용하여 컴파일을 전제하고 있다고 생각하지만, 간단한 스크립트를 쓸 때도 Flow는 유효하다.

Flow에는 Comment Types라고 불리는 기능이 있어 코멘트 기반의 신택스가 준비되어 있다.

Comment Types | Flow

// @flow
function sum(a /*: number */ , b /*: number */) {
    return a + b
}

sum('hello', 2)

기본적으로는 /*: 型 */ 라고 쓸 뿐.
형체크에 의해 뜻밖의 버그를 막고, ESDoc나 JSDoc등으로 코멘트를 붙이는 것보다 부담스럽다.



또, 에디터의 지원에 의해, 보완되는 것도 기쁘다.



이 코멘트 형식의 Flow를 채용하고 있는 라이브러리를 몇 개 들여 둔다.

ast-pretty-print/index.js at master · babel-utils/ast-pretty-print

babel-flow-scope/index.js at master · babel-utils/babel-flow-scope

thejameskyle/read-file-async: Typed async readFile function