Dev

ES6에서 도입된 화살표 함수(arrow function) 내부에서 사용되는 this에 대해 정리하는 글이다. 화살표 함수는 함수선언문으로 정의할 수 없고 함수표현식으로 정의해야 한다. 일반적인 사용법은 아래와 같다. const add = (x, y) => {return x + y}; add(2, 3); // 5 1) 매개변수가 한 개 인경우 소괄호()를 생략할 수 있다. 2) 매개변수가 없는 경우 소괄호()를 생략할 수 없다. 3) 함수 몸체가 하나의 문으로 구성된다면 함수 몸체를 감싸는 중괄호{}를 생략할 수 있다. -> 이때 함수 몸체 내부의 문이 값으로 평가될 수 있는 표현식인 문이라면 return을 작성하지 않아도 암묵적으로 return 한다. 4) 객체 리터럴을 반환하는 경우 객체 리터럴을 소..

react를 공부하면서 자연스레 ES6 공부도 같이 하게 되었다. 그 중 첫번째로 기초중에 기초이지만 변수선언의 방법에서부터 전 직장에서는 줄 곧 var를 사용하여 변수를 선언하였는데 ES6를 공부하게 되면서 var에는 여러가지 단점이 존재한다는 것을 알게되었고 이를 보안하기위해 ES6에서 부터 도입된 let, const가 var과 어떤 차이점이 있는지 짚고 넘어가고자 한다. 우선 var에 대해서 알아보자. 1) 함수레벨스코프 var는 함수레벨스코프를 지원하는데 함수레벨스코프란 함수 내에서 선언된 변수는 함수 내에서만 참조가 가능하며 외부에서는 참조가 불가능한 것을 말한다. 즉, 함수 외부의 제일 밖에서 선언된 var 변수는 전역변수이다. var result = 0; for (var i = 0; i < ..