본문 바로가기

자바스크립트 var5

[ 모던 자바스크립트 스터디 ] let, const 키워드와 블록 레벨 스코프 30초 정리 - var vs let vs const 변수 선언 -> const 재할당 필요한 변수 선언 -> let 변수 선언 시 기본으로는 const 로 선언하고, 재할당이 필요하다면 그때 가서 let 으로 바꾸세요! ES5까지 변수를 선언할 수 있는 유일한 방법은 var 였지만, ES6 부터는 let, const 키워드로도 변수 선언이 가능해졌다. 우선 기존의 var 키워드가 어떤 문제가 있었는지 살펴보자. 변수 중복 선언 허용 var x = 1; var y = 1; var x = 100; var y; console.log(x); // 100 console.log(y); // 1 var 키워드로 선언한 x 변수와 y 변수는 중복 선언 되었으나 에러가 발생하지 않는다. 만약 내가 위에 apple 이라는.. 2022. 9. 20.
[ 모던 자바스크립트 스터디 ] 전역변수의 문제점 전역변수 쓰지 말라 쓰지 말라 계속 들어왔는데, 이번 포스팅에서는 대체 왜 쓰지말아야하는지에 대해 자세히 말해보겠다. 자바스크립트에서 변수 선언은 코드가 한 줄씩 순차적으로 실행되는 시점인 런타임에 실행되는 것이 아닌 런타임 이전 단계에서 실행된다라고 배웠다. 하지만 이건 전역 변수에만 해당하는 얘기이다. 특정 함수 내부에 선언된 변수라면 함수가 호출된 이후에야 함수 몸체 코드가 한 줄 씩 읽히기 전에 변수가 선언된다. 지역 변수의 생명주기 즉, 전역변수와는 달리 지역 변수는 생명주기가 함수의 생명 주기와 일치한다. 함수 몸체 내부에서 선언된 지역 변수의 생명 주기는 함수의 생명 주기와 대부분 일치하나 지역 변수가 함수보다 더 오래 생존하는 경우도 존재한다. 함수 내부엣 선언된 지역 변수는 함수가 생성한.. 2022. 9. 20.
[ JavaScript ] ES6 : let 과 const 개념 | let & const 공통점/차이점 ES6 표준에서 처음으로 추가된 특성 중 let 과 const 에 대해 알아보도록 하겠다. ES6 전에는 var 키워드로 변수와 상수를 선언해 사용했지만, ES6 에서는 let 과 const 를 이용해 변수와 상수를 선언할 수 있게 되었다. 변수는 let 선언자, 상수는 const 선언자를 이용하면 된다. var 선언자를 이용해 선언을 하면, 아래 예시와 같이 재선언을 해도 문제가 발생하지 않았다. 1. let var 를 이용해 변수 재선언을 해보겠다. var test = 1; console.log(test); var test = 2; console.log(test); 이번에는 let 선언자를 이용해 선언해보겠다. let test = 1; console.log(test); let test = 2; con.. 2021. 2. 14.
[ JavaScript ] var & var hoisting(호이스팅) developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/var var - JavaScript | MDN var문은 변수를 선언하고, 선택적으로 초기화할 수 있습니다. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/ developer.mozilla.org MDN 내용을 알기 쉽게 정리해놓은 것임. var var 는 변수를 선언하고, 선택적으로 초기화 할 수 있다. 어떤 위치에 선언되.. 2021. 2. 12.