본문 바로가기

Webstoryboy

Category

Explanation

REFERENCE/JAVASCRIPT

[Javascript] 기본 함수

선언적 함수

함수의 일반적인 사용 방법입니다.


선언적 함수

가장 기본적으로 사용하는 함수의 형태입니다. 기본적으로 함수는 함수 이름을 설정하고 함수 이름을 호출해야 실행이 됩니다.

function 함수이름(){
     //실행 코드
}
함수이름(); //함수 호출

Sample1

함수를 사용하는 기본 예제입니다.

결과
function가 실행되었습니다.
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function func1(){
            document.write("function가 실행되었습니다.");
            document.write("<br />");
        }
        func1();    
    </script>
</head>
<body>
    
</body>
</html>

 

Sample2

두개의 동일한 함수가 있는 경우 뒤에 있는 함수가 호출됩니다.

결과
2. function가 실행되었습니다.
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function func1(){
            document.write("1. function가 실행되었습니다.<br />");
        }
        function func1(){
            document.write("2. function가 실행되었습니다.<br />");
        }
        func1();  
    </script>
</head>
<body>
    
</body>
</html>

 

AD

comments