본문 바로가기

es6 문법2

[javascript] ES6 반드시 알아야 할 문법 let, const의 공통적인 특징 5가지 es5 에서 var는 유일하게 변수를 선언할 수 있는 키워드였다. var는 무척 너그러운 선언이므로 사용하려면 철저한 설계가 필요했다. 그렇지 않다면 심각한 문제를 초래할 수 있다. 이러한 문제들을 보완하려 es6에서는 let과 const 문법을 정의했다. let과 const 특성을 var와 비교하면서 알아보자 let과 const의 공통적인 특성이므로, 예제는 let을 이용해 작성했다. 1. 중복 선언 불가 var는 중복 선언이 가능하다. 다음과 같은 코드에서는 error가 발생하지 않는다. var varValue =1; var varValue =2; let은 다음과 같이 이미 선언된 변수라는 Syntax Error가 발생 된다. let letValue = 1; let letValue = 2; //Unc.. 2018. 8. 23.
[javascript] ES6 Arrow Function 화살표 함수 화살표 함수(arrow function)은 es6에서 정의한 문법이다. 화살표 함수는 function 을 이용해서 함수를 정의하는 것보다 더 간편하고 간략하게 표현할 수 있다. 문법 다음은 화살표 함수 사용 방법이다. () => {/*함수 정의*/} //인자가 없을 경우 a => {/*함수 정의*/} //인자가 한개일 경우 (a, b) => {/*함수 정의*/} //인자가 2개일 경우 위와 같이 인자가 한개일 경우에는 ( ) 괄호 생략이 가능하다. a => {return a} //함수가 한 구문이 아닐 경우 {} 사용하여 함수 정의 a => a; //함수가 한 구문일 경우, 자동 return 위와 같은 기능 a => ({key:a}); //예외로 객체를 자동 return 하려면 ()가 필요 .. 2018. 8. 21.