Javascript - 함수 선언 방식

1. 함수 선언 방식

1.1 ECMAScript 5

function power(n) {
  return n*n ;
}

1.2 ECMAScript 6 : 화살표 함수(람다 식), IE 에서 지원 불가능

var power = (n) => { n*n }; 	//코드가 한 줄일 경우 중괄호 {} 생략 가능

2. 가변매개변수

2.1 ECMAScript 5 : arguments 객체 사용

2.2 ECMAScript 6 : 전개연산자(…) 사용

  • 전개 연산자는 매개변수 마지막에 사용할 수 있음.
(...numbers,a,b) --> X
(a,b,...numbers) --> O
  • 전개 연산자는 함수 당 하나씩만 사용할 수 있음.
var sumAll= (...numbers) => {
  var output = 0 ;
  for (var i=0;i<numbers.length ; i++){
    output += numbers[i];			// 매개변수로 들어온 모든 인자를 더하는 함수
  }
  document.write(output);
}
var array = [1,2,3,4,5,6,7,8];
sumAll.apply(null, array);  		//ECMAScript 5 : 다른 array 자체를 매개변수로 전달.

sumAll(...array); 				  //ECMAScript 6 : 다른 array 자체를 매개변수로 전달.

See the Pen Javascript : Arrow function by Cathy Go Eun Woo (@cathy-go-eun-woo) on CodePen.

Comments