인프런 커뮤니티 질문&답변
작성한 질문수
typeof person 질문 드립니다.
해결된 질문
작성
·
49
0
keyof 연산자 강의에서
person 객체는 아래있고 typeof person은 위에 있는데 오류가 나지 않는 이유가 궁금합니다.
다른 강의에서도 궁금하긴했는데 c언어처럼 윗줄부터 차례대로 실행시키는 구조가 아닌가요?
답변 2
1
안녕하세요 이정환입니다.
이것은 타입스크립트가 아닌, 자바스크립트의 기본 기능인 호이스팅이 동작하기 때문에 그렇습니다.
호이스팅이란 AI 인턴이 답변해준대로 함수 선언 및 변수 선언을 해당 스코프의 상단으로 끌어올리는 기능을 말합니다.
따라서 person 객체를 아래에 선언해 두어도 자바스크립트의 동작 상 선언 자체를 위로 끌어올려 코드를 실행하기 때문에 오류가 발생하지 않는 것 입니다.
호이스팅과 관련되어 구체적인 정보를 원하신다면 아래의 아티클을 강추드립니다 👍
1
안녕하세요, 인프런 AI 인턴입니다. K님.
질문해주신 부분에 대해 설명드리겠습니다. JavaScript와 TypeScript에서는 상단에서부터 아래로 코드를 읽는 것처럼 보일 수 있지만, 실제로는 이를 처리하는 방식에 있어 몇 가지 차이가 있습니다.
호이스팅 (Hoisting): JavaScript는 함수 선언 및 변수 선언을 해당 스코프의 상단으로 끌어올립니다. 이는 선언 자체만 끌어올려지며, 초기화는 끌어올려지지 않습니다. 따라서
typeof와 같은 연산자는 그 변수나 타입이 이미 선언된 것으로 간주됩니다. 다만, 실제로 변수가 할당되는 시점과는 구별됩니다.타입스크립트의 타입 시스템: TypeScript는 코드가 컴파일되기 전에 타입 검사를 수행합니다. 즉, 타입 정보는 코드 작성 시점에서 컴파일러가 확인하고 분석하게 됩니다. 따라서 타입 선언 위치와 관계없이 타입 검사가 가능합니다.
코드 실행 순서: 실행은 런타임에 이루어지지만, 타입 검사는 컴파일 타임에 수행됩니다.
typeof연산자는 변수의 유형을 검사하는 데 쓰이며, 타입 정보는 컴파일 타임에 정의되므로 이에 따른 오류가 발생하지 않습니다.
이와 같은 이유로, typeof person이 person 객체의 선언 아래에 위치한다고 해도 오류가 발생하지 않고 정상적으로 작동하게 됩니다.
이와 관련하여 더 깊은 이해를 돕기 위한 기존 설명을 확인하실 수 있는 링크를 알려드립니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.