이 문서는 Google Cloud Translation API를 사용해 자동 번역되었습니다.
어떤 문서는 원문을 읽는게 나을 수도 있습니다.
TypeScript에서 Null을 허용하지 않는 유형: 유형이 Null이거나 정의되지 않았는지 확인하는 방법
TypeScript는 JavaScript에 유형 주석을 추가하는 널리 사용되는 프로그래밍 언어입니다. 런타임이 아닌 컴파일 타임에 오류를 포착하는 방법을 제공하므로 코드를 유지 관리하고 조기에 버그를 포착하기가 더 쉽습니다. TypeScript 개발자가 직면하는 일반적인 문제 중 하나는 null 또는 정의되지 않은 값을 처리하는 것입니다. 이 게시물에서는 TypeScript에서 null을 허용하지 않는 유형과 유형이 null 또는 정의되지 않은지 확인하는 방법을 살펴봅니다.
null을 허용하지 않는 유형은 TypeScript 2.0의 새로운 기능으로 개발자가 변수나 매개변수가 null이거나 정의되지 않을 수 있음을 나타낼 수 있습니다. 이는 null 및 정의되지 않은 값이 코드에서 예기치 않은 동작 및 오류를 유발할 수 있기 때문에 유용합니다.
TypeScript에서 null을 허용하지 않는 유형은 "!"를 추가하여 표시됩니다. 유형의 끝까지. 예: "문자열!" 변수는 문자열이어야 하며 null이거나 정의되지 않은 변수일 수 없음을 나타냅니다.
null을 허용하지 않는 변수로 선언하려면 간단히 "!" 유형 선언의 끝에서. 예를 들어:
let name: string!;
name = "John"; // valid
name = null; // error: Type 'null' is not assignable to type 'string'
이 예에서 변수 "name"은 null을 허용하지 않는 문자열 유형으로 선언됩니다. null 또는 undefined가 아닌 문자열 값만 할당할 수 있습니다.
마찬가지로 함수 매개 변수를 null을 허용하지 않는 것으로 선언할 때 "!" 유형의 끝에서. 예를 들어:
function greet(name: string!) {
console.log("Hello, " + name);
}
greet("John"); // valid
greet(null); // error: Argument of type 'null' is not assignable to parameter of type 'string'
이 예에서 "name" 매개변수는 null을 허용하지 않는 문자열 유형으로 선언됩니다. null 또는 undefined가 아닌 문자열 값만 전달할 수 있습니다.
TypeScript에서 변수와 매개변수는 선택적일 수도 있습니다. 선택적 변수 또는 매개변수에 해당 유형 또는 정의되지 않은 값을 할당할 수 있습니다. 예를 들어:
let age: number;
age = 30; // valid
age = undefined; // valid
function greet(name: string, age?: number) {
console.log("Hello, " + name);
if (age !== undefined) {
console.log("You are " + age + " years old.");
}
}
greet("John"); // valid
greet("Jane", 25); // valid
greet("Jake", undefined); // valid
이 예제에서 "age" 변수는 숫자로 선언되지만 null을 허용하지 않는 변수는 아닙니다. 번호를 지정하거나 정의되지 않을 수 있습니다.
"greet" 함수의 "age" 매개변수는 "?" 통사론. 숫자 또는 정의되지 않은 값을 전달할 수 있습니다.
"age" 매개변수를 null이 불가능하게 만들려면 "!" 유형 선언의 끝에서. 예를 들어:
function greet(name: string, age: number!) {
console.log("Hello, " + name);
console.log("You are " + age + " years old.");
}
greet("John", 30); // valid
greet("Jane", undefined); // error: Argument of type 'undefined' is not assignable to parameter of type 'number'
이 예에서 "age" 매개 변수는 null을 허용하지 않는 것으로 선언됩니다. 숫자 값만 전달할 수 있으며 정의되지 않은 값은 전달할 수 없습니다.
null을 허용하지 않는 유형은 TypeScript의 클래스와 함께 사용할 수도 있습니다. 예를 들어:
class Person {
name: string!;
age: number!;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet() {
console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
}
}
const john = new Person("John", 30);
john.greet(); // Hello, my name is John and I am 30 years old.
const jane = new Person(null, 25); // error: Type 'null' is not assignable to type 'string'
이 예제에서 "Person" 클래스에는 null을 허용하지 않는 "name" 및 "age" 속성이 있습니다. 클래스의 새 인스턴스를 생성할 때 "name" 및 "age" 값을 제공해야 하며 null이거나 정의되지 않은 값일 수 없습니다.
null을 허용하지 않는 유형은 TypeScript의 강력한 기능으로, 개발 프로세스 초기에 오류를 포착하는 데 도움이 됩니다. 그러나 올바르게 사용하지 않으면 런타임 오류가 발생할 수 있으므로 주의해서 사용해야 합니다. 코드를 철저히 테스트하고 null을 허용하지 않는 유형이 적절하게 사용되는지 확인하는 것이 중요합니다.
이 게시물에서는 TypeScript에서 null을 허용하지 않는 유형과 유형이 null이 아니거나 정의되지 않았는지 확인하는 방법을 살펴보았습니다. null을 허용하지 않는 변수 및 매개 변수를 선언하고, 선택적 변수 및 매개 변수와 함께 null을 허용하지 않는 유형을 사용하고, 클래스와 함께 null을 허용하지 않는 유형을 사용하는 방법을 배웠습니다.
TypeScript는 런타임이 아닌 컴파일 타임에 오류를 잡을 수 있는 방법을 제공하므로 코드를 유지 관리하고 초기에 버그를 쉽게 잡을 수 있습니다. Null을 허용하지 않는 형식은 변수와 매개 변수가 null이거나 정의되지 않았는지 확인하는 데 도움이 되는 강력한 기능이지만 주의해서 사용해야 합니다. 코드를 철저히 테스트하고 null을 허용하지 않는 유형이 적절하게 사용되는지 확인하는 것이 중요합니다.