[자바스크립트/ES6] ES6 함수 화살표 표기법

 

 

 

ES6 버전부터는 => 표기법(화살표 표기법)을 사용해 함수 선언을 좀더 간단하게 작성할 수 있다.

 

- 이름이 없는 함수를 변수에 지정할때 많이 사용

- function 예약어는 사용하지 않음

- 매개변수를 지정하지 않을때는 ( )만 작성

- 매개변수가 하나라면 괄호 없이 매개변수만 작성

- 매개변수가 두개 이상일 경우는 기존 매개변수 표기법과 같음 

 

기존 함수 표기법	화살표 표기법
var hi = function( ){       return "안녕하세요?"; } hi( );	let hi = ( ) => "안녕하세요?"; hi( );
var greet = function(name){        return name + "님, 안녕하세요?"; } greet("진아");	let greet = name => `${name}님, 안녕하세요?`; greet("진아");
var add = function(a, b){        return a+b; } add(10,20);	let add = (a, b) => a+b; add(10,20);

 

[출처] 이지스퍼블리싱 웹 프로그래밍을 위한 자바스크립트 기본편