Let
-
[Vue] ES6 for Vue.jsVue 2021. 12. 17. 13:45
Babel 구 버전 브라우저 중에서 ES6 기능을 지원하지 않는 브라우저가 있어서 transpiling 필요 ES6 문법을 각 브라우저의 호환 가능한 ES5로 변환하는 컴파일러 const & let (var 대신 변수 선언법) 블록단위 { } 로 변수 범위 제한 const : 재선언 및 재할당 불가능. 하지만 객체나 배열의 내부는 변경 가능(객체와 배열은 reference data인데 이는 데이터 자체가 아니라 참조 주소가 메모리에 할당되기 때문에) let : 재선언 불가능, 재할당 가능 ES6의 특징 변수의 scope : 블록 { }에 상관없이 스코프 결정됨 Hoisting : JavaScript해석기는 코드의 라인 순서와 상관 없이 함수선언식과 변수를 위한 메모리 공간을 먼저 확보하기 때문에, 함수선..
-
[JS] var, let, const - 스코프, 중복선언, 재할당, 호이스팅공부 2021. 9. 15. 12:04
스코프 중복선언 재할당 호이스팅 var 함수레벨 O O O let 블록레벨 X O X const 블록레벨 X △ X 스코프 함수레벨 스코프 함수 내수에서 선언된 변수는 함수 내부에서만 유효. 즉, 함수 내부에서 선언한 변수는 지역변수이고 함수 외부에서 선언한 변수는 전역 변수. 블록레벨 스코프 코드 블록( { } ) 내에서 선언된 변수는 코드 블록 내에서만 유효. 즉, 코드 블록 외부에서 참조할 수 없다. 중복선언 var는 중복선언이 가능해 예기치 못한 값을 반환할 수 있다. var는 함수레벨 스코프라, 함수 외부에서 선언된 변수는 모두 전역변수다. 변수 선언문 이전에 변수를 참조하면 언제나 undefined를 반환한다. 이러한 var의 문제점을 해결하기 위해 중복 선언이 불가능한 let과 const 등..