[JavaScript/ES6] Arrow(화살표) 함수 - 주의할 점

 

안녕하세요, JERRY 입니다.

근황을 조금 말씀드리고 시작할까 해요 :)

 

요즘 강의 영상을 제작하며 지내고 있습니다. 퇴근하고 영상찍고 편집하고 주말에도 일어나서 편집하는데 확실히 고되네요. 근데 또 재밌습니다. 하루는 4~5시간 할애해서 편집 다 했는데 편집 프로그램이 뻑나는 바람에 4~5시간 편집한 게 날라갔습니다. 엄청 허무해서 뭐 아무 말도 안나오더군요. 주제는 Vanilla JS이고, 처음 만드는 강의라 퀄리티나 내용 면에서 많이 부족할 수 있는데 다 만들어지는대로 블로그에도 올려보겠습니다.

 

이번 포스팅은 Arrow(화살표) 함수를 사용할 때 주의해야 할 점들 몇 가지를 소개하려고 합니다. 

내용은 mdn에서 참고하였습니다.

 

new 연산자 사용 불가

arrow(화살표) 함수는 생성자로서 사용될 수 없고, new 와 함께 사용하면 오류가 발생합니다.

 

var Foo = () => {};
var foo = new Foo(); // TypeError: Foo is not a constructor

 

TypeError 오류가 출력되는 모습이다.

 

 

줄바꿈 불가

arrow(화살표) 함수는 파라미터와 화살표 사이에 개행 문자를 포함할 수 없습니다.

※개행문자 : 줄바꿈 문자(\n 등)

 

var func = ()
            => 1;
// SyntaxError: Unexpected token =>

 

SyntaxError: Unexpected token =>

 

 

 

IE, No support

Internet Explorer, 해롭습니다.

아니, 솔직히 MS에서도 손놓은 브라우저를 아직도 끌고 가려하는 클라이언트들은 대체 왜 그러는건지 모르겠습니다. 하루 빨리 IE를 신경쓰지 않는 환경에서 개발하고 싶습니다.

 

IE에서는 arrow(화살표) 함수가 지원되지 않습니다.

사용자가 IE를 더 사용한다는 클라이언트의 요청이 있는 프로젝트에 계시다면 화살표 함수는 쳐다도 보지 마세요.(개인적으로는 IE를 쳐다도 보지 않는게 정답입니다만)

 

 

이렇게 화살표 함수 시리즈는 마칠게요. mdn에 있는 내용을 다 다룬다고 해도 양이 많아질텐데 이렇게 빈약하게 마치는 이유는 포스팅도, 강의 영상 제작도, 개인 공부(리액트, ES6 그리고 독서)도, 회사도, 집안살림(혼자 살지만 청결히, 깨끗히, 깔끔히 살기 때문에 청소, 설거지, 빨래 기타 등등)도, 할 게 참 많네요. 몸이 다섯개 정도 있으면 좋겠습니다.

 

당분간은 영상 강의에 좀 더 시간을 할애해서 빨리 털어내고 서둘로 포스팅하러 블로그로 돌아오겠습니다.

뭐 유입량도 적어서 애드센스도 빠꾸먹고... 솔직히 블로그하는데 힘이 안남. 이거리얼팩트임.