10 개의 필수 타이프 스크립트 팁 및 각도 개발자의 요령

이 기사에서는 각도 프로젝트 및 기타 타입 스크립트 프로젝트에 적용되는 다양한 팁과 요령에 대해 설명합니다.

최근 몇 년 동안, 자바 스크립트의 정적 타이핑에 대한 수요가 빠르게 증가했습니다. 대형 프론트 엔드 프로젝트,보다 복잡한 서버 및 복잡한 명령 줄 도구는 모두 JavaScript 세계에서보다 방어적인 프로그래밍의 필요성을 촉진합니다. 또한, 실제로 실행되기 전에 응용 프로그램을 컴파일하는 부담은 약점으로 간주되는 것이 아니라 기회입니다. 두 개의 강력한 경쟁자 (TypeScript and Flow)가 있지만 많은 트렌드는 실제로 하나만 이길 가능성이 있음을 나타냅니다.

마케팅 및 잘 알려진 기능 외에도 TypeScript에는 매우 활발한 기고자가있는 놀라운 커뮤니티가 있습니다. 또한 언어 디자인에서 업계 최고의 팀 중 하나가 있습니다. Anders Hejlsberg 하에서이 팀은 대규모 JavaScript 프로젝트의 환경을 TypeScript에 의해 거의 전원으로 전원을 공급하는 비즈니스로 성공적으로 전환했습니다. VSTS 또는 Visual Studio Code와 같은 매우 성공적인 프로젝트를 통해 Microsoft 자체는이 기술의 훌륭한 지지자입니다.

그러나 유치하는 것은 TypeScript의 기능뿐만 아니라 TypeScript 지원의 가능성과 프레임 워크입니다. Angular 2의 선호 언어로 TypeScript를 완전히 채택하려는 Google의 결정은 상생 상황으로 입증되었습니다. TypeScript는 더 많은 관심을 끌뿐만 아니라 Angular 자체도 많은 혜택을 얻었습니다. 정적 타이핑을 사용하여 컴파일러는 이미 유익한 경고와 코드가 작동하지 않는 이유에 대한 유용한 설명을 제공 할 수 있습니다.

키 포인트

사용자 정의 모듈 정의 :
• 외부 라이브러리에 TypeScript 정의가 없을 때 파일에 자신의 정의를 만들어 개발 정확도를 높이고 이러한 정의를 공유하여 커뮤니티에 기여할 수 있습니다. 열거 및 일정한 열거 이해 : 성능 최적화에는 런타임 코드를 생성하지 않기 때문에 성능 최적화를 위해 module.d.ts
사용을 사용하면 런타임 코드가 생성되므로 프로젝트 요구 사항을 기반으로 할 수 있습니다. 다른 시나리오.
• 유형 표현식 및 별칭 사용 : 유형 표현식 및 별명을 사용하여 코드 유지 보수를 단순화하고 재사용 성을 향상시켜 코드 기반 전체에 걸쳐 변경하고 더 나은 유형 확인을보다 쉽게 ​​확인할 수 있습니다. 공동 유형의 차별기를 사용하십시오. 인증 조합 구현 다른 모양의 데이터를보다 효율적으로 처리하여 공개 속성을 안전하게 사용하여 올바른 유형 컨텍스트를 결정할 수 있습니다. const enum 특이성을 위해
사용을 피하십시오 :
• 를 계속 사용하려면 계속 일반 데이터를 사용하고보다 구체적인 유형을 정의하기 위해 열심히 노력하여 유형 안전을 유지하고 런타임 오류를 줄입니다.
제네릭을 사용하여 유연하고 재사용 가능한 코드를 만듭니다.
• 제네릭을 적용하여 유형 안전을 유지하면서 다양한 유형에서 작동 할 수있는 고도로 재사용 가능하고 유연한 기능 및 구성 요소를 만듭니다. TypeScript Tips 1 : 자신의 모듈 정의 제공
TypeScript는 JavaScript의 슈퍼 세트입니다. 따라서 각 기존 NPM 패키지를 활용할 수 있습니다. TypeScript 생태계는 크지 만 모든 라이브러리에 적절한 유형의 정의가 제공되는 것은 아닙니다. 더 나쁜 것은, 일부 (작은) 패키지의 경우 별도의 선언 ( @type/{package} 형식)도 없습니다. 이 시점에서 우리는 두 가지 선택이 있습니다 :
• TypeScript 팁 7 any를 사용하여 레거시 코드를 소개합니다 모듈의 API를 직접 정의하십시오. any 후자는 확실히 첫 번째 선택입니다. 어쨌든 모듈의 문서화를 봐야하지만 입력하면 개발 중에 간단한 오류가 방지됩니다. 또한 방금 만든 유형 정의에 매우 만족하면 언제든지 @types에 제출하여 NPM에 포함시킬 수 있습니다. 따라서 이것은 또한 우리에게 지역 사회로부터 존경과 감사를줍니다. 좋은!
우리 자신의 모듈 정의를 제공하는 가장 쉬운 방법은 무엇입니까? 소스 디렉토리에 모듈을 만듭니다 (예 : NPM 패키지 미지 알 수없는 모듈의 경우 패키지와 동일한 이름으로 이름을 지정할 수 있습니다.
• 이 모듈에 대한 예제 정의를 제공합시다 : 분명히, 이것은 우리가 전혀 사용해서는 안되기 때문에 첫 번째 단계 일뿐입니다. (이것을 설명해야 할 많은 이유가 있습니다. TypeScript 팁 5를 피하는 방법을 보여줍니다.) 그러나 TypeScript가 모듈을 이해하고 "알 수없는 모듈 '미지의 모듈'과 같은 컴파일 오류를 방지하기에 충분합니다. 여기의 내보내기 표기법은 모듈의 고전적인 패키지에 적용됩니다. exports = ... type.
다음은 TypeScript에서 이러한 모듈의 잠재적 사용입니다.

declare module 'unknown-module' {
  const unknownModule: any;
  export = unknownModule;
}

앞에서 언급 한 바와 같이, 전체 모듈 정의는 이제 내보낸 상수의 유형 선언에 있습니다. 내보낸 컨텐츠가 함수 인 경우 선언은 다음과 같습니다.
물론 ES6 모듈 구문 내보내기 기능을 사용하는 패키지를 사용할 수도 있습니다.

import * as unknownModule from 'unknown-module';

<<> (다음 내용은 원래 텍스트와 동일하며 더 길다. 복제를 피하기 위해 Typectript Tips 2-10과 후속 내용이 여기에서 생략된다.)

필요에 따라 원본 텍스트를 직접 참조하십시오. . 나머지 콘텐츠를 계속 생성 해야하는 경우 알려주십시오.

declare module 'unknown-module' {
  interface UnknownModuleFunction {
    (): void;
  }
  const unknownModule: UnknownModuleFunction;
  export = unknownModule;
}

위 내용은 10 개의 필수 타이프 스크립트 팁 및 각도 개발자의 요령의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!