JavaScript 함수

Chapter3. 함수

 

함수는 기능의 단위이다. 함수는 반복적인 기능을 저장해 두었다가 필요할 때마다 호출하여 사용할 수 있으므로, 일종의 즐겨찾기 기능이라고 할 수 있으며 함수는 반드시 돌아 온다. (return) 함수에는 구체적인 입력값과 출력값이 존재한다.

 

---

parameter와 argument

 

function triangle(base, height){
		return (base * height)/2
}

triangle(3, 4);

function square(base){
		let side = base;
		return base * side;
}

square(3);

• 함수 triangle의 parameter는 base,height 이다.
• 함수 triangle 호출 시(triangle(3, 4);), argument로 3과 4를 받는다. 
• 함수 triangle 호출 시 3과 4를 argument로 전달받고 있으므로, 6을 리턴한다.
• 리턴 시점에(return base * side;), 함수 square의 parameter base가 함수 내부에서 선언된 변수 side에 할당됩니다.
• 그러므로 base와 side의 값은 같다.
• 함수는 전달받은 argument를 parameter에 차례대로 할당합니다. 따라 argument가 parameter보다 더 많이 전달되면 남은 argument는 어느 parameter에도 할당되지 않는다.
• 따라서, 함수 square는 첫 번째 인자 3만 전달받아 9라는 값을 리턴한다.

(참고) 만약 argument보다 parameter가 더 많이 설정되어 있으면 - undefined 

 

 

function convertToNumber(anything) {
   return Number(anything);
}

• convertToNumber() 임의의 값을 입력받아 수(number)의 형태로 리턴하는 함수

 

함수 표현식

let getRectangleArea = function (width, height) {
  let rectangleArea = width * height
  return rectangleArea
}

• 함수 표현식으로 사각형의 넓이 구하기

 

---

 

function getRunCatDistance(speed, time) {
  let distance = speed * time
  return distance;
}

• 속력(speed), 시간(time)이 숫자로 주어졌을 때, 이동한 거리를 변수 distance에 할당하여 리턴하는 함수 getRunCatDistance
• 주어진 두 매개변수 speed와 time의 두 값을 곱한 값을 let으로 선언된 변수 distance에 할당하고, 변수 distance를 리턴하는 함수 getRunCatDistance.
• getRunCatDistance(1, 2)와 같이 함수를 호출하여 결과 값을 확인할 수 있다.

 

 

function getRunCatDistance(speed, time) {
  let distance;
  distance = speed * time;
  return distance;
}

• 위의 코드와 다른 점은 선언과 할당을 나눠서 했다는 점이 다름.

---

function sayYourName(name) {
	console.log('hello');
	console.log('my name');
	console.log('is ' + name);
}

sayYourName('sawol');

 

‘hello’
‘my name’
‘is sawol’

 

• sayYourName 은 name을 매개변수(parameter)로 해 선언된 함수이며, console.log()를 이용하여 안에 들어있는 문자열을 차례대로 로그로 출력한다.
• sayYourName을 선언 이후 호출 시 인자(argument)로 ‘kim coding’이 전달되므로, ‘hello’ , ‘my name’ , ‘is sawol’을 순서대로 로그로 출력한다.