프로그래밍 언어/Javascript

자바스크립트 함수 기본편

김곰댕 2021. 8. 25. 16:23
728x90
<!DOCTYPE html>
<html lang = "en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" consent="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <script src="function-basic.js"></script>
    </head>
    <body></body>
</html>

1. 함수선언 & 호출

1) 함수 선언

function 함수이름(전달 파라미터)
{
      동작할 코드
}

- 기능을 수행하는 함수

function doSomething()
{
    console.log('hello');
}

- 기능을 수행 후 특정 값을 리턴하는 함수

function add(a,b)
{
    const sum = a+b;
    return sum;
}

2) 함수 호출

doSomething();
const result = add(1,2);
console.log(result);

출력 결과

3) 함수를 인자로 전달

function functionPass(add) 
{
    console.log(add);
    const result = add(2,3); //전달받은 add를 활용
    console.log(result);
}
//함수 호출시 아래와 같이 작성하게 되면 add()함수가 functionPass의 인자로 전달되는것이 아닌 add()함수가 계산된 후 return왼 sum이 functionPass의 인자로 전달됨
//functionPass(add(2,3));
//함수를 전달하기 위해서는 함수의 이름만
functionPass(add);

출력 결과

//addFun에 add함수를 전달

const addFun = add;
console.log(addFun);
const addFunResult = addFun(1,2); //addFun에는 add 함수가 전달되어 있으므로 활용 가능
console.log(addFunResult);

출력 결과

728x90