ECMAScript 2015 지원은 웹 브라우저에 따라 조금씩 다릅니다. 전체적인 지원 현황은 아래 링크를 참고하세요. https://kangax.github.io/compat-table/es6/
웹 브라우저에 따라 해당 기능을 활성화하는 설정을 해야 하는 경우도 있습니다.
구글 크롬
크롬 브라우저 주소창에 아래와 같이 입력합니다.
chrome://flags/#enable-javascript-harmony
상단에 무시무시한 경고 문구와 함께 설정창이 보입니다.
'Enable Experimental JavaScript' 항목의 Enable 항목을 클릭하면 활성화됩니다.
설정을 하고 나면 크롬 브라우저를 다시 시작해야 합니다.
간단한 테스트를 해보죠. 먼저 해당 기능을 활성화하지 않은 상태에서 아래 코드를 실행해봅니다.
if (true) {
let a = 3;
console.log(a);
}
기능이 활성화되지 않은 상태에서는 아래와 같은 오류가 발생합니다.
Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
하지만 기능을 활성했다면 원하는 a값이 콘솔창에 나타납니다.
파이어폭스
파이어폭스는 별다른 설정 없이 해당 기능을 지원합니다. 기능이 정상적으로 처리되지 않는다면 파이어폭스가 최신 버전으로 설치되어 있는지 확인해보세요.
MDN 웹사이트를 통해 관련 기술에 대한 정보도 제공하고 있습니다. 일부 내용은 한국어로 번역되어 제공합니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/let
IE
IE11에서는 별다른 설정 없이 해당 기능을 지원합니다. 물론 그렇다고 IE가 가장 지원이 많은 것은 아닙니다.
* 모든 브라우저 벤더에서 정식 출시 버전 외에 나이트 버전이나 기타 버전을 제공합니다. 뭐 그렇게 깊능 내용까지는 각자 알아서 이미 잘 하고 계시니 여기서 따로 설명하지 않습니다.
