ES2015 +
ES6 (ES 2015+)
2015년 자바스크립트 문법 등장 이후 큰 변화가 발생하였다. 아래의 문법은 꼭 익히는 것이 좋다.
템플릿 문자열
백틱(`)과 ${}을 활용한 문자열 출력이 가능하다.
var won = 1000;
var result = '이 과자는' + won + '원 입니다.';
//이 과자는 1000원 입니다.
const result = `이 과자는 ${won}원 입니다.`;
객체 리터럴
화살표 함수
1. function add1(x, y){
return x+y;
}
-------------------------
2. const add1 = (x, y) => {
return x+y;
}
-------------------------
3. const add1 = (x,y) => x + y;
함수명을 변수로 선언하고, ‘function’이 ‘=>’ 화살표로 표현 된 것이다. 화살표 함수의 좋은 점은 코드 작성이 간결해진 것이다. 만약 2번 처럼 중괄호 안에 바로 return문이 나올 경우, 3번 처럼 중괄호와 return을 생략할 수 있다.
아래와 같이 생략도 가능하다.
function not1(x) => {
return !x;
}
-----------------------
const not1 = x => !x;
매개변수가 한 개일 경우, 소괄호도 생략이 가능하다.
const obj =(x, y) => {
return {x, y}
}
위와 같이 return문을 통해 객체를 출력하는 경우라면, 중괄호를 생략했을 때 js 엔진이 중괄호가 매개변수를 가리키는 것인지, body를 의미하는 것인지 해석하지 못한다. 따라서, 객체를 바로 출력하는 경우에는 소괄호로 감싸줘야 한다.
const obj = (x, y) => ({x, y});
function을 완전히 대체 할 수 없다. function도 작성해야 할 때가 있다. 그건 바로 this 함수 때문…
댓글남기기