🍒

#004 #Functions

JavaScript function은 특정한 임무를 수행하기 위한 코드 블럭이다. JavaScript function은 다른 주체가 호출할 때 실행이 된다.

function myFunction(p1, p2) myfunction이라는 이름의 함수를 정의하며, 이 함수는 두개의 매개변수 p1과 p2를 받는다. return p1*p2; myfunction으로 정의된 함수의 반환 값을 설정한다.

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Functions</h1>

<p>Call a function which performs a calculation and returns the result:</p>

<p id="demo"></p>

<script>
function myFunction(p1, p2) {
  return p1 * p2;
}

let result = myFunction(4, 3);
document.getElementById("demo").innerHTML = result;
</script>

</body>
</html>
JavaScript
복사

자바의 메소드와 마찬가지로 function는 사용하는 방법은 아래와 같다. name이라는 함수를 정의하고 이 함수가 호출 될 때 괄호 안의 세개의 매개변수를 받는다.

function name(parameter1, parameter2, parameter3) {
  // 로직 코드가 실행 되는 곳
}
JavaScript
복사

왜 Function을 사용하나??? 코드를 재사용할 수 있다. 자주 사용하는 로직이라면 함수로 저장해서 중복 사용한다. 인수를 다르게 받아서 같은 로직으로 다른 결과를 이용할 수 있다.

Function의 호출 f변수를 받는 함수 toCelsius 정의한다. 반환값으로 (5/9) * (f-32); 가 계산된다. toCelsius(77) 77의 매개변수를 받아서 함수를 호출하고 이를 value값에 할당한다.

<script>
function toCelsius(f) {
  return (5/9) * (f-32);
}

let value = toCelsius(77);
document.getElementById("demo").innerHTML = value;
</script>
JavaScript
복사