JavaScript 함수의 호이스팅
·
웹개발/JavaScript
Function Hositing. 함수 호이스팅입니다.함수 호이스팅이란, JavaScript에서 JS엔진이 코드를 실행시키면, 돌아가기 전에 코드의 함수 선언에 대한 부분을 끌어 올립니다. 즉, JS엔진이 실행전에 코드 전체를 한 번 훑어보고 선언된 부분부터 먼저 읽는다~ 라고 생각하시면 편할 것 같습니다.함수 호이스팅에 대해 알기 전에, JS에서는 함수를 정의하는 방법이 2가지가 있죠?1. 함수 선언식2. 함수 표현식차례대로 설명드리겠습니다. 1. 함수 선언식함수 선언식은 호이스팅이 적용됩니다. 그러면 함수 표현식은요?? 뒤에 말씀드릴게요.JavaScript 코드를 실행시에 선언에 대한 코드는 맨 위로 끌어 올려 처리가 됩니다. 즉 선언식에서는 함수가 선언되기 전에 호출이 가능합니다.console.lo..
🗣️ "호이스팅이 뭔지 설명하세요"
·
프론트엔드 개발자로 취업준비/기술 면접
🗣️ "호이스팅이 뭔지 설명하세요" 네 호이스팅에 대해 설명드리겠습니다.호이스팅은 자바스크립트 엔진이 코드를 실행하기 전에, 변수와 함수의 선언부를 스코프의 맨 위로 끌어올리는 것처럼 동작하는 특성을 말합니다. 이게 실제로 코드가 변경되는 것은 아니고, 컴파일 단계에서 메모리에 저장되는 방식입니다.제가 이해한 바로는 호이스팅이 중요한 이유가 코드의 실행 흐름을 예측하는데 영향을 주기 때문입니다.특히 var로 선언한 변수에서 이 특성이 두드러지게 나타납니다.예를 들어 console.log로 변수 x를 출력한다고 작성하고 다음 줄에 var키워드로 변수 x를 선언하면 에러가 날 것 같지만 undefined가 출력됩니다. var x부분만 코드의 최상단으로 끌어올려져서 작동되기 때문입니다.개인적으로 호이스팅을 ..
자바스크립트 함수
·
웹개발/JavaScript
자바스크립트 언어로 코딩을 하다보면 동일하거나 유사한 코드를 반복해서 사용해야 된다는 필요성을 느낄 때가 있습니다.이럴때 함수로 묶어서 사용을 할 수가 있습니다.예시를 통해 알아보겠습니다.다음은 주어진 높이와 너비를 이용해서 직사각형의 면적을 출력하는 예제입니다.let width = 10;let height = 20;let area = width * height;console.log("면적: ", area); // 면적: 200만약 두개를 구한다면 다음과 같아집니다.let width1 = 10;let height1 = 20;let area1 = width1 * height1;let width2 = 100;let height2 = 200;let area2 = width2 * height2;console.l..