반응형

자바스크립트 개발 환경은 Microsoft Visual Studio 2015 버전 HTML 기능 및 Chrome을 이용하고 있습니다.





우선 기본적인 함수에 대한 코드를 먼저 올리고 설명을 하나하나 해보려 한다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<head>
    <title>test title</title>
    <script>
        /*
            1. 
            기본적인 함수와 prompt를 통해 msg를 받고 return 해주는 방식
        */
        var func = function () {
            var msg = prompt('아무거나 입력해보세요~', '여기에 입력하세요');
            
            return msg;
        }
 
        alert(func());
        
        // F12번을 눌러 콘솔에서도 어떻게 나타나는지 확인 할 수 있다.(Chrome 기준)
        console.log(func());
 
 
        /*
            2.
            함수 명을 선언하면서 바로 함수 내용을 작성 하는 방법도 있지만(위의 방법)
            함수 명만 작성해두고 함수를 아래에서 작성하는 방법도 있다.
            이때 함수가 두번 정의되면 가장 최근의 함수 정의를 따라간다.
        */
 
        preFunc();
 
        function preFunc() {
            alert('1. 함수를 먼저 선언해 두고 이용가능 !!')
        }
        function preFunc() {
            alert('2. 함수를 먼저 선언해 두고 이용가능 !!')
        }
 
        /*
            3.
            내장함수 Array의 3가지 인자를 받는 방법을 확인해보고 alert를 통해 출력해본다.
        */
        var arr1 = Array(); // 배열 선언
        var arr2 = Array(10); // 배열 크기만 선언
        var arr3 = Array(1, 2, 3, 4, 5); // 배열에 값까지 넣어 선언
 
        alert('arr1 :: ' + arr1 + '\n' + 'arr2 :: ' + arr2 + '\n' + 'arr3 :: ' + arr3);
 
 
        /*
            4.
            매개변수로 따로 받지 않아도 arguments 라는 
            함수 내부 기본 변수를 통해 매개변수를 받아 낼 수 있다.
        */
        function findMax() {
 
            let ans = 0;
            for (let i = 0; i < arguments.length; i++)
                if (arguments[i] > ans)
                    ans = arguments[i];
            alert(ans);
        }
 
        findMax(1, 2, 300, 4, 5, 6, 10, 100, 7, 8, 9);
 
    </script>
</head>
 
</html>
 
//                                                       This source code Copyright belongs to Crocus
//                                                        If you want to see more? click here >>
Crocus




클릭하시면 결과 화면을 확인 할 수 있습니다.



1. 함수에 prompt를 이용하여 msg 변수에 값을 받고 return msg를 해주는 과정이다.



2. 함수명을 선언할 때 함수명을 먼저 명시하고 함수를 작성 할 수 있는데, 이때 자바스크립트에서는 중복적으로 함수를 선언하면


가장 최근의 함수를 따라 감을 알 수 있다.



3. 내장함수 Array(위의 prompt도 내장함수이다.)의 3가지 함수 오버로딩을 확인하고 alert를 통해 어떻게 출력되는지 확인한다.



4. 인자가 주어지고, 함수 내부에는 매개변수를 따로 받고 있지 않을 때


자바스크립트 함수 내부에 있는 arguments라는 것을 통해 인자를 받아 낼 수 있다.























반응형
저작자표시 비영리 변경금지

'Basic > JavaScript' 카테고리의 다른 글

자바스크립트 타이머 관련 함수  (0) 2017.08.12
자바스크립트 클로저(Closures) 개념 및 이용 방법  (0) 2017.08.11
자바스크립트 for문 이용 방법  (0) 2017.08.09
자바스크립트 브라우저 성능 알아보기  (0) 2017.08.09
자바스크립트 window.onload 와 list, array의 관계  (0) 2017.08.09

티스토리툴바