본문 바로가기

JavaScript

15장 - 재사용할 수 있는 함수 만들기

-함수의 재사용성 - 입력을 바꿔 여러 번 사용할 수 있는 성질

 

-매개변수 (parameter) - 함수를 선언할때 외부에서 값을 받아 줄 변수 

                                   - 선언된 함수 안에서만 사용

 

-값을 반환(return) -  결괏값을 함수 밖에서 사용하려면 함수를 실행한 위치로 돌려줘야함

 

-인수(argument) -  매개변수가 있는 함수를 호출할 때 실제 값 부분

 

-매개변수를 사용한 함수 선언하고 호출하기 

 

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>매개 변수를 사용한 함수 선언하고 호출하기 </title>
</head>
<body>
  <script>
    function addNumber(num1, num2)
    {
      let sum= num1 + num2;
      return sum;
    }
    let result = addNumber(2,3);
    document.write("두 수를 더한 값:" + result);
  </script>
</body>
</html>

 

- 매개변수 기본값 저장하기 

 -multiple() 함수에서 매개변수 b와 c의 변숫값을 넘겨받지 못했을 때 기본값을 사용

 

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>매개변수의 기본값 저장하기 </title>
</head>
<body>
  <script>
    function multiple(a,b=5,c=10){
      //b=5, c=10으로 기본값 지정
      return a*b+c;
    }

    var m1 = multiple(5,10,20); //a=5, b=10, c=20
    var m2 = multiple(10,20); //a=10, b=20, c=10(기본값)
    var m3 = multiple(30); //a=30, b=5(기본값), c=10(기본값)

    document.write(m1+"<br>");
    document.write(m2+"<br>");
    document.write(m3+"<br>");
  </script>
</body>
</html>

'JavaScript' 카테고리의 다른 글

15장 - 익명 함수/ 즉시 실행 함수/ 화살표 함수  (0) 2023.04.07
15장 실습  (0) 2023.04.07
15장 - let과 const  (0) 2023.04.07
15장 - var를 사용한 변수의 특징  (0) 2023.04.06
15장 -함수의 선언과 호출  (0) 2023.04.06