본문 바로가기

웹프로그래밍/Javascript

Javascript(자바스크립트) 함수 만들기

# 함수

함수는 동일한 작업을 반복적으로 할 때 중복으로 코드를 사용하는 것을 방지하기 위하여 사용한다. 함수는 괄호로 쌓여있으며 다양한 작업을 수행 할 수 있다.

 

function name (parameter) {
	//내용
    }

 

함수는 다음과 같이 작성한다.

 

function - 함수를 선언할 것이라는 것을 자바스크립트에게 알린다.

name - 함수의 이름을 지정한다. 추후 다시 함수를 사용할때 함수의 이름만 있으면 다시 사용할 수 있다.

parameter - 함수를 사용할때 소괄호는 () 함수 내부에 변수를 전달해주며(매개변수) 안에 값은 없어도 되지만 괄호는 반드시 필요하다.

{} - 중괄호 안에 함수의 내용을 적는다.

 

# 예제

function calc (_a, _b) {
	return _a+_b;
    }
    
 const a = 10;
 const b = 5;
 
 console.log(calc(a, b);)

 

다음과 같이 사용하면 콘솔창에 15가 나오는 것을 볼 수 있다.

 

# 예제 분석

function 키워드를 이용하여 함수 'calc'를 만들었다. 이 함수는 매개변수로 _a와 _b를 받으며 이를 더하고 리턴(값을 돌려줌)하는 함수이다.

 

이후 외부 변수 a와 b를 만들었으며 함수에 인자로 이 둘을 전달하여 이 둘을 더한 값을 리턴하도록 하였다.