반응형
ES5 vs ES6 차이
Frontend/js2024. 4. 22. 18:49ES5 vs ES6 차이

ES5 vs ES6 # 변수 선언 방식의 차이 ▶ ES5 : var 만 존재 재할당과 재선언에 자유로움 호이스팅 문제 ★ 호이스팅 : 코드가 실행되기 전 변수선언 | 함수선언이 해당 유효범위의 최상단으로 끌어 올려지는 것과 같은 현상 ▶ ES6 : let , const 추가 호이스팅 문제를 해결하기 위해 let , const 추가 let : 선언된 변수는 동일한 이름으로 선언 x , 재할당은 o const : 재선언 , 재할당 x 변수 스코프 재할당 재선언 var 함수 스코프 가능 가능 let 블록 스코프 가능 불가능 const 블록 스코프 불가능 불가능 // var console.log(americano); var americano = 'Americano is the most delicious coff..

[ js ] symbol
Frontend/js2023. 10. 2. 20:08[ js ] symbol

Symbol 원시 값을 반환하는 내장 객체이며 , 객체에 속성을 추가할 경우 혹은 고유한 키를 부여하여 다른 코드와 충돌하지 않게 하기 위하여 사용됩니다. 심볼 생성시 고유한 Symbol 생성 const sym1 = Symbol(); const sym2 = Symbol("bug"); const sym3 = Symbol("bug"); 위 코드는 세개의 심볼을 생성하지만 , 심볼 호출 시 새로운 심볼을 생성합니다. Symbol("bug") === Symbol("bug"); // false 그러므로 위 코드와 같이 엄격한 비교 연산자로 비교시 "false"의 결과값을 리턴하는 것을 확인할 수 있습니다. const sym = new Symbol(); // TypeError 또한 , 새로운 심볼 값을 만들때 명시..

반응형
image