Typescript : 변수

이 게시물은 Learn Typescript 시리즈의 두 번째 부분이며 TypeScript의 모든 변수에 대한 핵심 내용을 다룰 것입니다.

변수란 무엇입니까?

변수는 응용 프로그램이 실행되는 동안 메모리에 값을 저장하는 임시 데이터 컨테이너입니다.

변수 선언

TypeScript에서 지원되는 오래된 변수를 다루는 것으로 시작하고 변수를 선언하는 이 구식 방식을 사용하는 비용을 설명합니다. 또한 let과 const를 대안으로 사용하여 선언을 최대화하는 방법에 대해서도 이야기하겠습니다.

var로 변수 선언하기

var로 시작합니다. 이것은 JavaScript가 시작된 이래로 변수를 정의하는 방법이었습니다. 그러나 ES6이 출시되면서 let 및 const 선언이 발생하여 이전 버전의 ECMAScript에서 var로 인해 발생하는 많은 단점이 수정되었습니다.

var의 한 가지 문제는 변수의 위치로 인해 변수를 예측할 수 없다는 것입니다. var를 사용하여 선언된 변수는 함수 내부에서 선언될 때 함수 범위이지만 함수 외부에서 선언될 때 전역 범위입니다. 또한 var는 초기 선언이나 초기화를 재정의하는 동일한 변수를 재정의하는 것을 막지 않습니다.

function varFunction(){     
    var x = "111";    
    if(true){             
        var x = "999"; // Variable x redefined   
    }     
    console.log(x); 
}
varFunction();

Note that not declaring the variable x would result in TypeScript signaling that it Cannot find name x.

let으로 선언

키워드 let은 변수가 선언된 범위에서만 액세스할 수 있다고 선언된 블록에서 변수의 수명을 설정하여 구출됩니다.

예를 들어 if 문 내에서 let으로 변수를 선언하면 실행이 if 블록을 떠나는 즉시 변수에 액세스할 수 없습니다. 이 규칙은 함수, 루프 및 클래스에 적용됩니다. 루프의 경우 for 루프를 정의하고 반복 i를 정의하는 경우 루프에서만 사용할 수 있는 동안 값을 수정할 수 있는 let을 사용해야 합니다.

const로 선언

키워드 const(constant의 줄임말)는 수명 범위 측면에서 let과 유사합니다. 그러나 선언에서 한 번만 초기화할 수 있습니다. 이 제한은 값을 변경하는 것이 목적이 아니라는 것을 구문적으로 나타낼 뿐만 아니라 TypeScript가 값을 설정할 수 없도록 보장하기 때문에 강력합니다. 상수 개체가 있는 경우 해당 개체의 값이 변경될 수 없음을 이해하는 것이 중요합니다.

const x: string = "111";
x = "this won't compile";

Note: The above code is expected to throw an error as explained