본문 바로가기
개발자 꿈나무/JavaScript

자바스크립트 함수 선언과 호출

by ♥︎해이나♥︎ 2021. 7. 16.
반응형

변수가 값을 저장하는 기능을 한다면, 함수는 명령을 저장하는 기능을 한다고 생각하면 된다. 파이썬에서 함수를 선언할 때는 def를 사용했는데 자바스크립트에서는 function을 사용한다. (앍 헷갈려...) 자바스크립트 함수를 선언하고 호출하는 방법에 대해서 정리하도록 하겠다.

 

 

함수 선언

함수 선언의 구조는 아래와 같다.

 

function 함수명() {

  명령;

  명령;

};

 

function 뒤에 원하는 함수명을 입력한 뒤에 소괄호, 중괄호를 순서대로 써주면 된다.

중괄호 안에는 명령어들을 입력하는데 보통 한 줄에 명령 한 개를 입력한다.

 

// 함수 선언
function hello() {
  console.log('Hello, world!');
  console.log('Nice to meet you.');
};

 

함수 호출

위와 같이 함수를 써도 콘솔창에서는 아무런 일도 일어나지 않는다. 함수를 선언만 하고 호출하지 않았기 때문이다. 자바스크립트에서 함수를 호출하는 방법은 '함수명()'이다.

 

// 함수 호출
hello()

// 위 함수를 호출하면 아래와 같은 결과값을 얻음
// Hello, world!
// Nice to meet you.

 

파라미터를 사용하는 함수

위에서 예제로 든 함수의 소괄호에는 아무것도 들어가지 않는데 이 곳은 매개변수 자리이다. 자바스크립트 함수의 소괄호안에 들어가는 매개변수(Parameter, 파라미터)는 함수를 조금 더 다양하게 활용할 수 있도록 도움을 준다.

function 함수이름(파라미터) {
  파라미터를 사용한 명령;
};

 

예제를 통해서 사용방법을 알아보도록 하자.

 

// 함수 선언
function hello(name) {
  console.log(name + ', hello!');
  console.log('Nice to meet you.');
};

// 함수 호출
hello('Heina')

// 출력되는 결과값은 아래와 같음
// Heina, hello!
// Nice to meet you.

 

파라미터 두 개를 사용해서 사칙연산도 가능하다.

 

function number(a, b) {
  console.log(a * b);
};

number(3, 6) // 결과값 18
number(7, 5) // 결과값 35
반응형

댓글0