javascript의 함수

함수 이름

- 유효한 식별자이어야 함

- 생략 가능

 

매개변수 목록

- 쉼표로 구분된 매개변수 목록과 그 매개변수 목록을 둘러싸고 있는 괄호

- 매개변수는 생략 가능, 괄호는 필수

 

함수 본문

- 중괄호로 둘러싸여 있는 자바스크립트 구문

- 본문은 생략 가능, 중괄호는 필수

 

function add(x, y){
  var result = x + y;
  return result;
}
function(){}

 

변수에 익명함수로 지정

var add = function(x, y){
  var result = x + y;
  return result;
};
add(10, 20);

 

변수에 기명함수로 지정

 

var add = function sum(x, y){
var result = x + y;
return result;
};
add();     ( O )
sum();     ( X )

 

Function 생성자 함수 이용

- 함수 객체를 생성해서 반환

var add = new Function('x', 'y', 
  'var result = x + y; return result;');

 

화살표 함수

 

// 기존 함수
var add = function(x, y) {
  return x + y;
};
// 화살표 함수
var add = (x, y) => {
  return x + y;
}

var add = (x, y) => x + y;

 

apply(p1, p2) 메소드

- 두개의 매개변수를 가짐

- 첫번째 매개변수 p1에는 this로 사용할 객체를 전달

- 두번째 매개변수 p2에는 함수에 전달할 인자값 배열

 

call(p1, p2, p3,...) 메소드

- 여러개의 매개변수를 가짐

- 첫번째 매개변수 p1에는 this로 사용할 객체를 전달

- 두번째 이후의 매개변수 p2,p3,...에는 함수에 전달할 인자값을 차례대로 지정