이 모듈에서, 저는 몇몇 핵심 차세대 자바스크립트 기능들에 대한 간략한 소개를 해 드렸습니다. 물론 이 과정에서 여러분들이 자주 보시게 될 것들에 초점을 맞추었죠. 여기 간략한 요약이 있습니다!
let 에 대해 더 읽어보기: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let
const에 대해 더 읽어보기:: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const
let 과 const 는 기본적으로 var 를 대체합니다. 여러분은 var 대신 let 을 사용하고, var 대신 const를 사용하게 됩니다. 만약 이 "변수"를 다시 할당하지 않을 경우에 말이죠 (따라서 효과적으로 constant로 변환합니다).
더 읽어보기: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
Arrow function은 JavaScript 환경에서함수를 생성하는 또 다른 방법입니다. 더 짧은 구문 외에도 this 키워드의 범위를 유지하는데 있 이점을 제공합니다 (여기를 보세요).
Arrow function 구문은 낯설게 보일 수 있으나 사실 간단합니다.
1. function callMe(name) { 2. console.log(name); 3. }
또한 다음과 같이 작성할 수도 있습니다:
1. const callMe = function(name) { 2. console.log(name); 3. }
이렇게 됩니다:
1. const callMe = (name) => { 2. console.log(name); 3. }
중요:
arguments가 없는 경우, 함수 선언시 빈 괄호를 사용해야 합니다:
1. const callMe = () => { 2. console.log('Max!'); 3. }
정확히 하나의 argument가 있는 경우, 괄호를 생략할 수 있습니다:
1. const callMe = name => { 2. console.log(name); 3. }