Facebook Flow의 Hello, World!

3320 단어 JavaScriptaltjsflow
Facebook Flow가 나왔네요.
어쨌든 먼저 공식 사이트에 있는 Five simple examples 녀석,
한 차례 홍보를 받았기 때문에 가동 환경을 만들어 보았다.
지허브에서 공개되고 있습니다.체크나 컴플렉스 가능합니다.
hello-flow

플로우가 뭐예요?


아마 Facebook에서 만든 Type Script 아닐까요?
이렇게 말하지만 정규 컴파일러를 제공하는 것은 아니기 때문에 JSLint처럼
코드 체크커의 포지셔닝인가요?지금
보시면 AltJS가 자주 하는 기능이 대충 들어가는 것 같아요.
좀 강한 인상을 주다.
Top에서 보듯이
/* @flow */
function foo(x) {
  return x * 10;
}
foo('Hello, world!');
foo 내에서 * 연산자를 사용했기 때문에 매개 변수 x는 틀림없이 수치일 것이다
판정 후 문자열을 통해 실행하면 오류가 발생합니다.
비록 이렇게 말하지만, 유형에 대해서는 매우 강하지만, 형식이 다르기 때문에 과부하 함수도 지원하지 않는다
아마 부정형 자신에게 찔리진 않겠지 w

플로우 설치해.


zip을 다운로드하여 통과하는 방법도 있고,
홈brew에 설치했습니다.
$brew install flow
이렇게 하면 명령을 사용할 수 있다.

플로우로 체크.


전선 머리 위에
/* @flow */
이렇게 쓰면 플로우 코드로 인식됩니다.flow 검사 코드를 사용할 수 있습니다.
문법적으로 틀리거나 정의된 변수가 없으면 오류가 발생할 수 있습니다.
flow check
현재 디렉토리에 있습니다.flowconfig를 보면 검사할 것 같습니다.
자세한 내용은 이쪽-> Link
hello-flow의
$./check.sh
내가 해볼게.

플로우 코드 컴파일


지금 react-tools를 써야 할 것 같아요.
전 세계에 npm로 설치해 주세요.
$npm install -g react-tools
이렇게 하면 명령을 사용할 수 있다.(Adobe와 DeNA의 jsx가 아닙니다 w)
다음 명령은 src 폴더의flow 파일을 컴파일하여build에 출력하는 예시입니다.
$jsx --strip-types --harmony src/ build/
hello-flow의
$./build.sh
내가 해볼게.

플로우 만져봐.


나는 단지 움직였을 뿐, 대충 한 번 보았다
졸렬한 일을 쓰지 않다
자세한 내용@mizchi산과 @vvakame산이 쓰여 있으니 저쪽으로 가세요
나는 runstant에서 플로우를 이동하고 싶어서 인내심을 가지고 js runtime가 나오기를 기다릴 수밖에 없다...

좋은 웹페이지 즐겨찾기