사회인 첫해이자 첫 기고이니 부드럽게 지켜주세요.

개시하다

JavaScript를 공부하고 있지만 쓰기는 사람에 따라 어렵습니다.
그리고 動的型付け 그래서 변수를 이해하는 데 시간이 걸린다.
영어 단어는 모르지만 문법을 배우는 느낌이 든다.
그때 음소거가 가능한 타입 스크립트를 알고 만져보니 재밌어서 적어놨어요.

Type Script란 무엇입니까?

이것은 마이크로소프트가 개발한 소스 프로그램 프로그래밍 언어다.
AltJS(Alternative JavaScript)의 일종으로 JavaScript의 쓰기 방법에 규칙을 제정하여 개발의 효율과 유지보수성을 높인다.
작업을 수행하면 JavaScript로 컴파일됩니다.

사용 준비

이번에 사용한 Node.jsnpm 명령이 설치되었습니다.

npm install -g typescript

정적 유형

Type Script를 실제로 알게 된 계기로 변수를 정적 형식으로 선언합니다.

// JavaScript
var message = "Hello World!!";
var num = 1;

// TypeScript
var message: string = "Hello World!!";
var num: number = 1;

외관상으로는 거의 변화가 없지만, 서로 다른 유형의 값을 입력할 때 다음과 같은 컴파일 오류가 발생할 수 있습니다.
※ 사용된 편집기는 Visual Studio Code라는 이름의 편집기입니다.

참고로 유형any이나 어떤 유형을 지정하지 않으면 동적 유형의 변수가 된다.
JavaScript의 경우 변수 이름과 논리적인 부분을 읽은 후 어떤 유형의 수치를 입력하고 싶은지 파악해야 하지만, TypeScript를 선언할 때 이미 TypeScript라고 명시돼 있어 이해하기 쉽다.

class 만들기

자바스크립트로 클라스와 유사한 쓰기 방법을 쓸 수 있다는 것은 알지만 펀션과 디스의 사용 방법은 복잡해 이해하기 어렵다.
TypeScript의 경우 class는 쓰기 쉽습니다.
그래서 카반을 만들어 봤다.
car.ts

// TypeScript
class Car {

  name:string;
  speed:number;

  constructor(name: string, speed: number) {
    this.name = name
    this.speed = speed
  }

  public acceleration() {
    this.speed = this.speed + 10
  }
}

거의 자바 같다.(필자는 자바 경험이 있는 사람이라 읽기에 매우 편리하다.)
이것을 컴파일해서 자바스크립트를 만들어 보세요.

// コンパイル方法
tsc car.ts

car.js

// JavaScript
var Car = (function () {
    function Car(name, speed) {
        this.name = name;
        this.speed = speed;
    }
    Car.prototype.acceleration = function () {
        this.speed = this.speed + 10;
    };
    return Car;
}());

네.역시 JavaScript라면 난장판이 될 수 있다.(주로 function의 잘못)

다른 Type Script에서 할 수 있는 일

액세스 수식자

커넥터

enum

제니크스

잠깐만요.대상을 대상으로 하는 다른 기능도 많다.

주의

Type Script는 JavaScript보다 이해하기 쉽습니다.
결국 자바스크립트를 기반으로 한 것인데, 자바스크립트를 전혀 접해본 적이 없는 사람이 갑자기 타입 스크립트를 만지는 건 좋지 않다.
자신도 자바스크립트에 대한 이해도가 낮은 상태에서 타입 스크립트에 손을 댄다.
컴파일한 후 어떤 코드인지 확인하다
이와 같은 자바스크립트의 보조 학습은 양해해 주십시오.

최후

처음 접하긴 했지만 언어가 재밌고 자바스크립트보다 코드가 쓰기 쉽고 보수성도 좋아서 좋은 언어라고 생각해요.
다만, 쓰기 쉬워졌다, 즉 자유도가 줄었다는 것이다
Type Script가 아닌 JavaScript일 경우 쓰기가 어려울 수 있습니다.
자바스크립트를 계속 공부하면서 앞으로 엔지니어 인생에 어떤 언어가 필요할지 몰라서 좋은 언어를 찾고 싶어요.
먼저 타입 스크립트가 할 수 있는 일을 자세히 살펴보고 싶습니다.
자바스크립트 공부 어떻게 됐어요?