TypeScript 샘플 4 시도
입문
인터페이스를 TypeScript의 강력한 기능으로 정의할 수 있습니다.인터페이스 키워드를 사용하여 인터페이스를 정의합니다.implements 키워드로 클래스를 정의하는 인터페이스를 사용합니다.인터페이스 예시를 시도한 비망록을 발표합니다.제공된 샘플에 출력된 코드 부분이 없기 때문에 html와 출력된 인코딩을 진행합니다.
전제 조건
Visual Studio Code 설치됨
Node.js/npm 설치됨
샘플 인터페이스
인터페이스를 실현하는 클래스의 결과를 브라우저로 출력하는 예시
파일 구성
경로
파일 이름
설명
.
index.html
브라우저 출력 html(신규)
.
interfaces.js
interfaces.ts 컴파일에서 만든 JavaScript 파일
.
interfaces.js.map
interfaces.ts에서 만든 맵 파일 컴파일하기
.
interfaces.ts
인터페이스 예제 유형 스크립트 파일
.
README.md
이 예제의 설명과 사용 방법
.
tsconfig.json
유형 스크립트 컴파일 프로필
클래스 인터페이스 대상도
덧붙이다
interfaces.ts
var myCar = new Car();
myCar.start();
myCar.drive(1000);
document.getElementById("box").innerHTML = "My Car Distance Posion : " + String(myCar.getPosition()) + " Km";
最終行に上記を追加index.html<!DOCTYPE html>
<html>
<style>
body {font-family: 'Segoe UI', sans-serif }
body {font-size: 24px; }
</style>
<body>
<div id="box"></div>
<script src="interfaces.js"></script>
</body>
</html>
실행
cd ./interfaces
tsc --sourcemap interfaces.ts
index.htmlをエディターで表示 Ctrl+F1 결과
득점
인터페이스에서 방법이나 속성의 형식을 지정해서 정의합니다.이 형식을 정의하면class에서 실현된interface 실체 (처리할 코드) 의 방법과 되돌아오는 값의 완전성을 확보할 수 있습니다.어떤 의미에서 보면 C 언어학과에 비해 제목은 인터페이스이고 C 코드는class와 대응하는 것 같다.단, C 언어학과는 C 코드에서 include로 제목을 지정하여 외부 파일화를 할 수 있지만, TypeScript는 같은 파일에 인터페이스를 정의해야 합니다.그리고 인터페이스의 구성원들은 모두 공공적이다.
공책
인터페이스의 기본 구조를 기억하세요.
인터페이스에서 클래스 구성원의 유형을 미리 정의합니다.
총결산
개발 프로젝트에서 변수의 유형을 정확하게 정의하는 것이 중요하다.
나는 마이크로소프트가 하고 싶은 것은 단지 자바스크립트 유형의 모호함에서 벗어나는 것이라고 생각한다.
인터페이스 정의는 TypeScript의 중요한 기능 중 하나로서 빠른 부팅입니다.
물론 학급을 이용하는 첫 번째 단계의 포지셔닝이라는 것도 잊어서는 안 된다.
이상
Reference
이 문제에 관하여(TypeScript 샘플 4 시도), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/pooshikin/items/663641738987b1e485a8텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
