ES6(ECMAScript) 문법 사용정리


NodeJS v4 부터는 스크립트 ES6 문법을 사용할 수 있습니다.



1.  Template Literals (Grave Accent)


ES6에서는 Grave Accent ( 키보드 좌측 상단의 ` ) 를 사용하여 코드를 가독성 있고 편리하게 작성할 수 있다.

GraveAccent 를 사용하면  문자열 내에서 줄바꿈 과  문자열 내에 변수 사용 이 가능하다.


예를 들어, 스크립트에서 HTML 코드를 동적 생성해야 하는 경우, 아래와 같이 작성해야한다.


var name   =     "mingcho";

var img     =     "img.jpeg";

var temp   =     "<a style='cursor:pointer' class='mingcho_class' tmp_attr='"+name+"'><img src='/mingcho/"+img"' /></a>";



GraveAccent를 사용하면 위코드를 아래와 같이 변경 가능하다.


var name   =     "mingcho";

var img     =     "img.jpeg";

var temp   =     `

<a style="cursor:pointer" class="mingcho_class" temp_attr= ${name}>

<img src="/mingcho/${img}"    />

</a>

`;




2.  Arrow Function


처음에 보고 굉장히 헷갈렸던 문법이다. (커피스크립트의 -> 와 같다고 한다).

기존의 function 키워드를 간략화 하여 표현하는 방식인데 예를 들어 ES5의 경우 


http.createServer( function (request, response) {


response.write("mingming");

response.end();


}).listen(port);



Arrow Function 사용할 경우, 아래와 같이 변경 가능하다. 


http.createServer( (req, res) => {


req.write("mingming");

req.end();


}).listen(port);



파라미터가 한개일 경우


soket.on("error", function(e) {

});  //아래와 같이 변경가능.


soket.on("error", e => {

});




[참고]

http://blog.jeonghwan.net/2016/04/28/es6.html

+ Recent posts

티스토리 툴바