Javascript - function

이진아·2020년 12월 19일

JAVASCRIPT

목록 보기

3/9

사용자 정의 함수(function)

이름만 존재하는 함수

1) 함수 선언식
function 함수이름() {
    함수가 호출되었을 때 실행할 문장;
                        ...
                    }

함수이름();

2) 함수 표현식
const 함수이름 = fuction() { 		
함수가 호출되었을 때 실행할 문장;
                              ...
                          }

함수이름();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>함수</title>
    <script>
        function prc1(){
            console.log('javascript');
        }

        const prc2 = function(){
            console.log('javascript');
        }
    </script>
</head>
<body>
    <script>
        'use strict'
        prc1();
        prc2();
    </script>

</body>
</html>

매개변수가 있는 함수

함수선언식
function 함수이름(매개변수1, 매개변수2 ..){
함수가 호출되었을 때 실행할 문장;
...
}

함수이름(값1, 값2..);

함수표현식
const 함수이름 = function(매개변수1, 매개변수2 ... ){
함수가 호출되었을 때 실행할 문장;
...
}

리턴값이 있는 함수

function 함수 이름(매개변수 1, 매개변수2..){
함수가 호출되었을 때 실행할 문장;
...
return 값;
}

let 변수 = 함수이름(값1, 값2..);

디폴트 매개변수

매개변수의 값을 정하지 않으면 대신 기본값을 변수에 저장합니다.

function 함수이름(매개변수1=값1, 매개변수2=값2, ..){

}

화살표 함수 와 일반 함수 비교

일반 함수
const Prc1 = function(){
console.log('Javascript');
}

화살표 함수
const Prc2 = () => console.log('Javascript');

화살표에서 주의할점으로는 return 값을 쓸려면 중가로 {} 를 꼭 서야 한다고 한다.

<script>
            const prc1 = () => console.log('화살표 함수입니다.');
            const prc2 = (x, y) => console.log(`매개변수로 전달 받은 x의 값은 : ${x}이며 y의 값은 : ${y}입니다.`);
            const prc3 = (start, end) => {
                let sum = 0;
                for(let i=start; i <= end; i++){
                    sum += i;
                }
                return sum;
            }
        </script>

이진아

새싹 개발자><

이전 포스트

Javascript - 배열(Array)

다음 포스트