close

뛰어난 기능 TypeScript: Static Type Checking, Compiler, Module System

정적 유형 검사 지원

의 강점 중 하나는 TypeScript 정적 유형 검사를 수행하는 기능입니다. 이 기능을 사용하여 데이터 유형을 정의하고 변수, 함수 매개변수 및 반환 값에 적용할 수 있습니다.

예를 들어:

let age: number = 25;  
let name: string = "John";  
let isActive: boolean = true;

위의 예에서 age type number, name type string 및 isActive type 의 변수를 선언합니다 boolean. TypeScript 과제의 유효성을 확인하고 불일치가 발견되면 오류를 보고합니다.

 

컴파일러 및 자동화 지원

TypeScript TypeScript 코드를 동등한 코드로 변환하는 강력한 컴파일러와 함께 제공됩니다 JavaScript. 또한 TypeScript 오류 수정, 코드 서식 지정 및 구문 검사와 같은 작업을 위한 자동화 도구를 제공하여 생산성을 높이고 개발 중 노력을 줄입니다.

예를 들어:

// TypeScript code  
const sum =(a: number, b: number): number => {  
  return a + b;  
};  
  
// Transpiled JavaScript code  
var sum = function(a, b) {  
  return a + b;  
};

 

컴파일 타임 오류 검사

TypeScript 컴파일 시간에 오류 검사를 수행하여 응용 프로그램을 실행하기 전에 논리적 오류, 구문 오류 및 유형 관련 문제를 감지합니다.

예를 들어:

const calculateArea =(radius: number): number => {  
  return Math.PI * radius * radius;  
};  
  
console.log(calculateArea("5")); // Lỗi: kiểu dữ liệu không phù hợp

위의 예에서 문자열을 유형의 매개변수에 TypeScript 전달할 때 는 컴파일 중에 오류를 포착합니다. "5" radius number

 

Module 시스템 지원

TypeScript 강력한 module 시스템을 지원하여 소스 코드를 독립적인 모듈로 분할할 수 있습니다. 이렇게 하면 코드 관리, 재사용성 및 확장성이 향상됩니다.

예를 들어:

// Module A  
export const greeting = "Hello";  
  
// Module B  
import { greeting } from "./moduleA";  
console.log(greeting); // Kết quả: "Hello"

위의 예에는 두 개의 모듈 이 있고 moduleA. 변수를 내보내고 변수 를 가져 와서 사용합니다. moduleB moduleA greeting moduleB greeting moduleA

 

확장 구문 및 기능

TypeScript 의 구문과 기능을 확장합니다 JavaScript. 예를 들어 화살표 기능, async/await, 구조 분해 및 템플릿 리터럴과 같은 TypeScript 최신 ECMAScript 기능을 지원합니다. 이를 통해 개발자는 최신 기능을 활용하고 더 읽기 쉽고 이해하기 쉬운 코드를 작성할 수 있습니다.

예를 들어:

const name = "John";  
const message = `Hello, ${name}! Welcome to TypeScript.`;  
console.log(message); // Kết quả: "Hello, John! Welcome to TypeScript."

위의 예에서는 템플릿 리터럴을 사용하여 변수를 포함하는 문자열을 만듭니다 name.

 

요약하면 TypeScript 정적 유형 검사, 컴파일러 및 자동화 지원, 컴파일 시간 오류 검사, module 시스템 지원, 확장 구문 및 기능과 같은 뛰어난 기능이 있습니다. 이러한 기능은 애플리케이션 개발 중에 안정성, 성능 및 코드 관리를 향상시킵니다.