본문 바로가기

[JAVASCRIPT] 함수 생성

인포꿀팁 발행일 : 2020-10-25

함수 리터럴

자바스크립트에선 함수도 일반 객체처럼 값으로 취급되기 때문에 함수 리터럴을 이용해 함수를 생성할 수 있다.

function add(x,y) { return x+y; } 에서

function 키워드 + 함수명 + 매개변수 리스트(타입 기술x) + 함수 몸체

으로 구성된다.

 

함수 선언문 방식으로 함수 생성

함수 리터럴 형태와 같지만 주의할 점은 함수 선언문 방식으로 정의된 함수의 경우 반드시 함수명이 정의되어 있어야한다.

1
2
3
4
5
6
7
//함수 선언문 방식으로 생성
function add(x,y) {
    return x+y;
}
 
//호출시 함수명으로 함수 호출
console.log(add(3,5));//8
cs

 

함수 표현식 방식으로 함수 생성

자바스크립트에서는 함수도 하나의 값처럼 취급때문에 함수는 일급 객체라고도 부르기도 한다.

이러한 특징때문에 함수도 숫자나 문자열처럼 변수에 할당하는 것이 가능하다.

함수 리터럴로 하나의 함수를 만들고 이를 변수에 할당하여 생성하는 방식을 함수 표현식이라고 한다.

1
2
3
4
5
6
7
8
9
10
11
//add() 함수 표현식
var add = function(x,y) {
    return x+y;
};
 
//plus 변수에 add 변수 값 할당
var plus = add; 
 
//두 변수로 같은 함수 호출
console.log(add(3,4)); // 7
console.log(plus(3,4))); //7
cs

 

 

'Language > JAVASCRIPT' 카테고리의 다른 글

[JAVASCRIPT] 연산자  (0) 2020.10.25
[JAVASCRIPT] 데이터타입-배열(2)  (0) 2020.10.23
[JAVASCRIPT] 데이터타입-배열  (0) 2020.10.21
[JAVASCRIPT] 프로토타입  (0) 2020.10.20
[JAVASCRIPT] 데이터타입-참조타입의 특성  (1) 2020.10.20

댓글