함수(function)

otter·2021년 6월 15일

Java Script

목록 보기
3/13
post-thumbnail

함수

함수는 작은 기능의 단위이다. 함수는 반드시 출력값을 반환한다.


함수의 호출과 리턴

function test(num1, num2) {
  	let sum = a + b;
	return sum;
}

test(2, 3) // 2(a) + 3(b) = 5

num1, num2 = 매개변수(parameter)
2, 3 = 전달인자(argument)
test(2, 3)의 test가 호출,
return sum이 값을 되돌려주었다(return)
return하지 않는다면 값은 'undefined'가 된다.

함수 선언 방식

  • 함수선언식
function getTriangleArea(base, height) {
  let triangleArea = (base * height) / 2;
  return triangleArea
}

변수(let)와 같이 function이 먼저 앞에 온다.
선언된 함수는 저장 후 호출될 때 실행된다.

  • 함수표현식
const getTriangleArea = function (base, height) {
  let triangleArea = (base * height) /2;
  return triangleArea
}

표현식은 위와 같이 변수로 저장될 수 있다.
선언식과 다르게 변수에 저장된 함수는 함수명의 유무가 관계없으며
호출시 변수명으로 호출하면 사용할 수 있다.

  • 화살표함수
const getTriangleArea = (base, height) => {
  let triangleArea = base * height / 2;
  return triangleArea
}
const getTriangleArea = (base, height) => base * height / 2;

함수 본문에 return문만 있는 경우 return생략 가능
return을 생략하고자 한다면 중괄호{}는 반드시 생략


  • 함수의 호출, 리턴을 이해, 실제로 작성 활용할 수 있다.
  • 함수 자체(func)와 호출(func())를 구분, 사용할 수 있다.
  • 매개변수(parameter)와 전달인자(argument)를 구분, 사용할 수 있다.
  • 같은 기능을 하는 함수를 선언식, 표현식, 화살표 함수로 바꾸어 표현할 수 있다.

0개의 댓글