흐름으로 더 나은 JavaScript를 작성합니다-JS 튜토리얼-php.cn

Writing Better JavaScript with Flow 흐름 : JavaScript 코드의 품질을 향상시키기위한 정적 유형 검사기

Facebook에서 시작한 Flow는 JavaScript의 정적 유형 검사기이며, 일반적으로 코드를 수정하지 않고 JavaScript 코드의 유형 오류를 효율적으로 감지하여 프로그래머 워크로드를 최소화하도록 설계되었습니다.

핵심 장점 :

선택적 유형 확인 :

특정 파일을 선택적으로 확인할 수 있습니다. 파일 상단에

주석을 추가하여 Flow의 유형 확인을 활성화하십시오.

able intrifence and annotation : Flow는 주석을 통해 유형을 명시 적으로 지정하고 코드 컨텍스트를 통해 유연하고 효율적인 유연한 추론을 지원합니다. 엄격한 널 값 처리 :

흐름은 값으로 인한 애플리케이션 충돌을 효과적으로 방지합니다. 이는 다른 유형의 시스템과 다릅니다.

라이브러리 정의 지원 : 라이브러리 정의 파일 (libdefs), 타사 라이브러리를 사용할 때 유형 오류를 피할 수 있습니다. libdef 파일에는 타사 코드가 제공하는 함수 또는 메소드 선언이 포함되어 있습니다. /*@flow*/ 일반적인 JavaScript 오류의 천적

코드에서 버그를 추적하는 데 많은 시간을 보냈으며 결국 오류가 단순하고 피할 수 있음을 발견 했습니까? 예를 들어 함수 매개 변수 순서가 잘못되었거나 잘못된 데이터 유형이 전달됩니까? JavaScript의 약한 유형 시스템 및 암시 적 유형 변환 특성은 종종 정적으로 유형 된 언어에 존재하지 않는 오류로 이어집니다. 흐름은 그러한 문제를 해결하기위한 강력한 도구입니다. 2017 년 3 월 30 일 :이 기사는 흐름 라이브러리의 변경 사항을 반영하도록 업데이트되었습니다.

설치 및 구성 흐름은 Mac OS X, Linux (64 비트) 및 Windows (64 비트)를 지원합니다. 설치하는 가장 쉬운 방법은 NPM을 통하는 것입니다 : null 및 프로젝트의 null 섹션을 추가하십시오. 파일 :

다음, 프로젝트 루트 디렉토리에서

파일을 만듭니다 (를 사용하여 빈 구성 파일을 만들 수 있음).

흐름 점검을 실행하십시오 당신은 명령을 사용하여 프로젝트 코드를 확인할 수 있지만 매번 전체 프로젝트를 다시 확인하기 때문에 가장 효율적인 방법은 아닙니다. 흐름 서버를 사용하는 것이 좋습니다. 이는 코드를 점진적으로 확인하고 변경된 부품 만 확인하는 것이 좋습니다. 서버를 시작하십시오 : ; 서버를 중지하십시오.

선택적 유형 확인 및 유형 추론 흐름 유형 검사는 선택 사항입니다. 확인하려는 파일을 선택하고 파일 상단에서

주석을 추가 할 수 있습니다.

흐름은 주로 두 가지 방식으로 유형 검사를 수행합니다

유형 주석 : 코드의 예상 유형을 명시 적으로 지정합니다. 타입 추론 : 흐름은 변수 사용의 컨텍스트에 따라 유형을 유추합니다.
유형 추론은 코드 수정의 작업량을 줄이고 유형 주석은보다 정확한 유형 검사를 제공합니다. 널 값 처리 및 유형 주석

흐름은 다른 유형 시스템과 다르며

값을 무시하지 않으므로

값으로 인한 오류를 방지하는 데 도움이됩니다.

유형 주석은 콜론

접두사를 사용하며, 이는 함수 매개 변수, 반환 값 및 변수 선언에 사용할 수 있습니다. 함수, 배열, 클래스 및 객체 리터럴에 대한 유형 주석 :

기능 : null 배열 : null

카테고리 : :

객체 문자 : nullable 유형 :

타사 라이브러리를 사용할 때 유형 오류를 피하려면 라이브러리 정의 파일 (libdefs)을 사용할 수 있습니다. 도구를 사용하여 사전 정의 된 libdef를 설치하거나 직접 사용자 정의 libdef를 만들 수 있습니다. 유형 주석을 제거하십시오 function add(x : number, y : number) : number { ... }
요약 Flow는 강력한 정적 유형 검사기로보다 강력하고 자바 스크립트 코드를 쉽게 작성하는 데 도움이됩니다. 선택적 유형 확인, 유형 추론 및 엄격한 NULL 값 처리는 JavaScript 코드의 품질을 향상시키는 효과적인 도구입니다. var foo : Array<number> = [1, 2, 3];</number>
다음은 Flow를 사용하여 더 나은 JavaScript 코드를 작성하는 것에 대한 FAQ입니다. 흐름이란 무엇이며 왜 사용해야합니까? Flow는 Facebook에서 개발 한 JavaScript 정적 유형 검사기로 코드가 실행되기 전에 오류를 감지하여 코드 견고성 및 유지 관리 가능성을 향상시키는 데 도움이됩니다. class Bar { x: string; y: string | number; ... }
JavaScript 프로젝트에서 흐름을 설치하고 설정하는 방법은 무엇입니까? 로 전역으로 흐름을 설치 한 다음 로 프로젝트를 초기화 한 다음 유형 확인이 필요한 파일에 주석을 추가하십시오. var obj : { a: string, b: number, ... } = { ... };
흐름을 사용하여 JavaScript 코드에서 유형을 확인하는 방법은 무엇입니까? 변수, 함수 매개 변수 및 리턴 값에 유형 주석을 추가하여 명령을 실행하여 유형 확인을 유형 확인하십시오. var foo : ?string = null;