본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 매개변수가 있는 함수

매개변수가 있는 함수

변수를 통해 함수의 값을 전달하는 함수입니다.


매개변수가 있는 함수

변수를 통해 함수의 값을 전달하는 함수입니다.

function 함수이름(매개변수1, 매개변수2,.....){
     //실행내용
}
함수이름(매개변수1, 매개변수2,.....); //실행함수

Sample1

매개변수가 있는 함수 기본 예제입니다.

결과
function이 실행되었습니다.
30
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
         function func3(name){
            document.write(name);
        }
        func3("function가 실행되었습니다.<br>");
        
        function func31(num1, num2){
            document.write(num1 + num2);
        }
        func31(10,20);
    </script>
</head>
<body>
    
</body>
</html>

Sample2

리턴문을 이용한 매개변수가 있는 함수 예제입니다.

결과
100
20
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function func31(num){
            return num * num;
        }
        document.write(func31(10),"<br>"); 
        
        function func32(num1, num2){
            return num1 + num2;
        }
        document.write(func32(10, 10)); 
    </script>
</head>
<body>
    
</body>
</html>

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기