Typescript-1 소개

4017 단어 typescriptjavascript
Typescript는 Javascript의 상위 집합으로 간주되는 프로그래밍 언어입니다.
2012년에 마이크로소프트에서 만들었습니다.
주요 목적은 Javascript에서 유형을 선언하는 것입니다.
Javascript는 느슨한 유형의 언어입니다.
Microsoft의 정의에 따라
TypeScript는 정적 유형 정의를 추가하여 세계에서 가장 많이 사용되는 도구 중 하나인 JavaScript를 기반으로 하는 오픈 소스 언어입니다.
타이프스크립트 설치 방법
npm 설치 -g typescript

처음에는 index.html 파일을 가져와 script.js 파일에 연결합니다.

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="script.js"></script>
</body>
</html>


그런 다음 script.js 파일과 script.ts 파일을 가져옵니다. script.ts 파일은 결국 script.js로 컴파일됩니다. Typescript는 브라우저가 실제로 이해하는 유일한 것이기 때문에 바닐라 JavaScript로 컴파일됩니다.
1.타입 기본
먼저 script.tsc 파일에서 작성합니다.

여기 다시 script.js에서 보면

console.log가 보입니다. Hello world CLI에서 tsc script.ts를 작성해야 하지만 더 나은 방법은 다음과 같습니다.
결과적으로 tsc -w를 작성하면 항상 변경 사항을 계속 주시하므로 반복해서 입력할 필요가 없습니다.
script.ts에서 작성하면

우리는 먼저 문자열 유형의 변수를 할당했습니다. 이제 숫자로 변경했을 때 실시간으로 문자열 유형에 숫자를 할당할 수 없다는 오류를 볼 수 있습니다.

2.객체와 배열
모든 값이 문자열인 배열을 선언하면 숫자를 푸시하면 오류가 발생합니다.



여기에서 배열 유형이 숫자로 구성되어 있음을 알 수 있습니다. 여기서 문자열을 푸시하려고 하면 문자열을 숫자 유형의 개미 매개변수에 할당할 수 없다는 오류가 발생합니다.
사물

볼 수 있는 이름 위로 마우스를 가져가면 이름에 읽기 표시가 있는 것을 볼 수 있습니다.

개체 내부의 속성 유형을 감지합니다.
개체에 값을 재할당하려면 할 수 있지만 누락된 개체가 없는지 확인해야 합니다.


이름 위로 마우스를 가져가면 유형 개체에 직업이 누락된 것을 볼 수 있습니다.
3. 명시적 유형

여기에서 문자열인 myname의 유형을 명시적으로 정의합니다. 값을 숫자에 재할당하려고 하면 오류가 발생합니다.

이제 배열에 모든 데이터 유형의 변수를 포함하려면
우리는 쓸 것이다


그래서 2부에서 기능과 다른 개념을 다루려고 합니다. TypeScript를 시작하는 사람에게 도움이 되기를 바랍니다.

`

좋은 웹페이지 즐겨찾기