TypeScript 기본 학습 유형 노트_javascript 기술

TypeScript에는 7가지 기본 유형이 있습니다.

1. 부울

코드 복사 코드는 다음과 같습니다.

var isDone: 부울 = false;

2, 숫자

은 JavaScript에서 숫자를 나타냅니다. JavaScript에서는 "정수"와 "부동 소수점 숫자"가 모두 배정밀도 부동 소수점 유형으로 저장됩니다.

코드 복사 코드는 다음과 같습니다.

var 높이: 숫자 = 6;

3. 문자열

은 문자열을 나타냅니다. JavaScript와 마찬가지로 한 쌍의 큰따옴표(")나 한 쌍의 작은따옴표(')를 사용하여 문자열을 나타낼 수 있습니다.

코드 복사 코드는 다음과 같습니다.

변수 이름: 문자열 = "bob";
이름 = '스미스';

4. 배열

TypeScript에는 배열 선언 방법이 두 가지가 있습니다.

①"[]"를 사용하여 다음을 선언합니다.

코드 복사 코드는 다음과 같습니다.

var 목록: 숫자[] = [1, 2, 3];

② 배열 유형을 사용하여 선언:

코드 복사 코드는 다음과 같습니다.

var 목록: 배열 = [1, 2, 3];

두 가지 선언 방법을 모두 사용할 수 있으며 효과에는 차이가 없습니다. 그러나 통일된 코드 스타일을 유지하려면 둘 중 하나만 코드에 사용하는 것이 좋습니다.

5. 열거형

TypeScript에 열거형이 새로 추가됐는데, JavaScript에는 그런 유형이 없습니다.

코드 복사 코드는 다음과 같습니다.

열거형 색상 {
​ 레드,
그린
파란색
};
var c: 색상 = Color.Green;

C#과 동일하게 첫 번째 항목의 값을 선언하지 않으면 위의 Red 값은 0이 되고, 이후 각 항목은 1씩 증가합니다. 즉, Green은 1, Blue는 2입니다.

코드 복사 코드는 다음과 같습니다.

열거형 색상 {
​ 빨간색 = 1,
그린
파란색
};
var c: 색상 = Color.Green;

그래서 이때 Red의 값은 1, Green은 2, Blue는 3입니다.

물론 각 항목에 값을 지정할 수도 있습니다.

코드 복사 코드는 다음과 같습니다.

열거형 색상 {
​ 빨간색 = 1,
녹색 = 2,
파란색 = 4
};
var c: 색상 = Color.Green;

또한 열거형에는 특별한 기능이 있습니다. 값이 있지만 해당 값이 열거형에 정의되어 있는지 알 수 없는 경우 다음과 같은 방법으로 가져올 수 있습니다.

코드 복사 코드는 다음과 같습니다.

열거형 색상 {
​ 빨간색 = 1,
그린
파란색
};
var colorName: string = Color[2];
경고(색상이름);
colorName = 색상[4];
경고(색상이름);

그러면 Green과 undefine이 출력됩니다. Green의 값은 2이고 값 4를 정의하는 열거형이 없기 때문에 정의되지 않은 값이 반환됩니다.

6. 모두

JavaScript의 기본 변수 유형과 마찬가지로 참조는 동적이며 어떤 유형에도 할당될 수 있습니다. 예:

코드 복사 코드는 다음과 같습니다.

var notSure: 모두 = 4;
notSure = "대신 문자열일 수도 있습니다.";
notSure = false; // 알겠습니다. 확실히 부울입니다

any로 정의한 후에는 구문 인식 기능이 손실되며 이는 JavaScript를 작성하는 것과 같습니다.

어떤 것이든 배열과 함께 사용할 수 있다는 점은 언급할 가치가 있습니다.

코드 복사 코드는 다음과 같습니다.

var 목록: any[] = [1, true, "무료"];
목록[1] = 100;

7, 무효

이 유형은 함수에서만 사용할 수 있습니다. 함수의 반환 유형을 void로 지정할 수 있습니다. 즉, 함수는 어떤 값도 반환하지 않습니다.

코드 복사 코드는 다음과 같습니다.

함수 warningUser(): void {
Alert("이것은 경고 메시지입니다.");
}

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.