은은하게 코드 뿌시기

자바스크립트 - 함수 본문

웹/웹프로그래밍

자바스크립트 - 함수

은은하게미친자 2022. 11. 10. 15:13
728x90

1. 함수

: 스크립트를 저장하는 공간

선언할때 function을 사용

 

1.1 함수 선언 방식

fuction 함수명(){
    스크립트코드;

}

함수명();		 참조변수 = function(){
    스크립트코드;

}

참조변수();		 fuction(매개변수1, 매개변수2){
    스크립트 코드;
   
}

참조변수(값1, 값2);

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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>Document</title>
    <script>
        function check(name){
            document.write('안뇽' + name, '<br>');
            document.write('반가워', '<br>');
        }
 
        check('홍길동');
    </script>
</head>
<body>
    bb
</body>
</html>
 cs

 

1.2 스코프

: 변수, 함수 의 이용가능한 범위

var 변수1; // 전역변수

function 함수명 (){              // 전역함수
    var 변수명; //지역변수
    function 함수명 (){     };  // 내부함수

}

//document.write(변수명);

1.3 return문

return 문

: 값을 반환
: 함수를 강제로 종료
<!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>Document</title>
    <script>
        function check(name){
            document.write('안뇽' + name, '<br>');
            document.write('반가워 > <', '<br>');
            return;
            document.write('다시 반가워', '<br>');  // 강제 return으로 수행하지 않음.
        }

        check('홍길동');
    </script>
</head>
<body>
    bb
</body>
</html>
안뇽홍길동
반가워 > <
bb

 

728x90

'웹 > 웹프로그래밍' 카테고리의 다른 글

자바스크립트/javascript - javascript:void()  (0) 2022.11.25
제이쿼리(jQurey) - 플러그인  (0) 2022.11.15
자바스크립트 - 객체  (0) 2022.11.10
자바스크립트 제어문 - 조건문 /반복문  (0) 2022.11.10
자바스크립트 기초문법  (0) 2022.11.10
'웹/웹프로그래밍' Related Articles more
Comments