Front-End/ES6 (2) 썸네일형 리스트형 [ES6] Block scope ES6의 정석 - 노마드 코더 Nomad Coders ES6, ES7, ES8 nomadcoders.co - let과 const의 장점은 block scope로 되어 있는거임 (scope는 기본적으로 버블임) - block안에서만 존재함( block은 {}로 만들어짐) - {} 안에서는 정의된 let과 cont는 block 밖에서는 존재하지 않는거임(안에서 보호 받을 수 있음) - var은 block을 뛰어다님(block scope를 가지고 있지 않기 때문) - function scope를 가지고 있음. function scope는 var가 function 안에서 접근할 수 있다는 의미 - var은 다른 function에서 접근하는 걸 막아줄 순 있지만, 다른 구문에서 접근가능해서 문제가 생김 [ES6] Temporal dead zone ES6의 정석 - 노마드 코더 Nomad Coders ES6, ES7, ES8 nomadcoders.co - temporal dead zone은 let과 같이 소개되는 개념임 - temporal dead zone이 없을 때는 - hoisting은 JS가 프로그램 실행 전 어딘가로 이동시키는거임(무조건 위에서 아래로 실행되지않음) - 이렇게 코드를 작성하면 JS 내부에서 hoisting 처리를 하는데 var을 제일 위로 올려쥼 - hoisted는 그들이 제일 위로 올라가는 걸 의미함 - 위 멍청한 코드는 애플리케이션 실행시 error 처리를 하지 않음 - 그래서 let을 써야함 - 위 코드에서 var 대신 let을 사용하면 error을 발생시켜서 변수가 정의되지 않았다고 에러를 발생시키고, hoisting.. 이전 1 다음