타입스크립트 예제

Visual Studio 2017 및 Visual Studio 2015 업데이트 3에는 기본적으로 TypeScript가 포함되어 있습니다. Visual Studio에서 TypeScript를 설치하지 않은 경우에도 다운로드할 수 있습니다. 이 문서에서는 관련 형식과 함께 두 개의 클래스로 구성된 웹 서비스를 효율적으로 처리하기 위해 Typescript로 작성된 API 서비스 관리자의 구현을 안내합니다. 이러한 클래스는 반응 만들기 앱 프로젝트 내에 포함되고 App.tsx 내에서 런타임에 테스트됩니다. 형식 스크립트가 제공하는 기본 제공 형식 중 일부는 참조 1입니다. http://www.typescriptlang.org/ 2. http://www.typescriptlang.org/docs/index.html Getters 및 setters도 사용되며, 그 중 Typescript는 특정 구문을 제공합니다. 유창한 인터페이스는 좋지만, 세터가 플레이하는 곳인 값을 설정하기 위해 명시적으로 의존하고 싶지는 않습니다. 또한 Typescript는 생성자 인수를 클래스 인스턴스에 할당하기 위한 최소한의 구문을 제공한다는 것을 발견할 것입니다. 이것은 자동 생성자 매개 변수 할당이라고합니다. 그에 대한 자세한 내용은 조금 더 아래로. 오류가 있었지만 greeter.js 파일은 여전히 만들어집니다.

코드에 오류가 있는 경우에도 TypeScript를 사용할 수 있습니다. 그러나 이 경우 TypeScript는 코드가 예상대로 실행되지 않을 수 있음을 경고합니다. TypeScript는 ES5 및 이전 버전의 자바스크립트에서 지원되지 않는 클래스에 대한 기본 제공 지원을 제공하므로 클래스 키워드를 사용하여 쉽게 선언할 수 있습니다. 후속 API 요청에서 다른 인증 토큰을 얻거나 설정해야 할 수 있으므로 Typescript에서 getter 및 setter를 시연할 수 있습니다. APIService 내에서 생성자() 아래에 직접 추가할 수 있습니다: 여기에 있는 대부분의 샘플은 TypeScript가 설치되어 있다고 가정합니다. Visual Studio, NuGet 또는 npm을 사용하여 TypeScript를 얻을 수 있습니다. TypeScript는 예기치 않은 수의 매개 변수로 이 함수를 호출했다는 것을 알수 있습니다. 두 경우 모두 TypeScript는 코드 구조와 제공한 형식 주석을 모두 기반으로 정적 분석을 제공할 수 있습니다. 반대로 Typescript v2.8에 도입된 필수 기본 제공 형식은 설명된 개체의 모든 속성을 요구합니다: 브라우저에서 greeter.html을 열어 첫 번째 간단한 TypeScript 웹 응용 프로그램을 실행합니다! 실제 코드 예제와 함께 미리 정의된 인기 있는 TypeScript 형식 중 일부를 살펴봤습니다. 우리가 사용한 프로젝트는 데모일 뿐이지만 이러한 모든 유형은 적어도 😉 알고 있는 실제 앱 중 하나에서 작동합니다. 나는이 기사가 당신을 위해 유용하고 타이핑을 쓰는 것을 두려워하지 말것을 권장하기를 바랍니다. 나는 당신이 이러한 예 또는 그 대안의 대부분을 찾을 React-Redux SPA와 리포지토리를 만들었습니다.

TypeScript의 형식 주석은 함수 또는 변수의 의도된 계약을 기록하는 간단한 방법입니다. 다음 예제를 살펴보겠습니다. 이러한 예제는 거의 복잡성이 증가하는 순서로 정렬됩니다. 이 문서에서는 API 서비스 관리자와 함께 사용되는 다양한 Typescript 기능을 다루었습니다. 다음은 사용되는 기능 중 일부에 대한 간략한 요약입니다: TypeScript는 개체의 구성원에 대한 액세스를 가로채는 방법으로 getters/setter를 지원합니다. 이렇게 하면 각 개체에서 멤버에 액세스하는 방법을 보다 세밀하게 제어할 수 있습니다. TypeScript의 형식 주석은 함수 또는 변수의 의도된 계약을 기록하는 간단한 방법입니다. 이 경우 greeter 함수를 단일 문자열 매개 변수로 호출하려고 합니다. 대신 배열을 전달하기 위해 호출 greeter를 변경할 수 있습니다: TypeScript는 ES Next의 모든 최신 기능과 클래스 및 인터페이스와 같은 개체 지향 프로그래밍을 지원합니다.

이 기능은 특히 개발자가 대규모 응용 프로그램에 사용하기 시작한 이후 항상 OOP 기능으로 어려움을 겪고 있기 때문에 JavaScript에 큰 도움이 됩니다. TypeScript에서 일반적인 개체 지향 패턴을 사용할 수 있습니다. 클래스 기반 프로그래밍에서 가장 기본적인 패턴 중 하나는 상속을 사용하여 기존 클래스를 확장하여 새 클래스를 만들 수 있다는 것입니다.

ΚατηγορίεςΧωρίς κατηγορία