JS function 함수

04 August 2023 - 2 mins read time
Tags: javascript function 함수 기본개념

function

특정 기능을 다음에도 쓰기 위해 모듈화해놓는 문법. 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다.

• 함수는 예약되어있는 함수와 사용자가 지정해서 사용하는 함수로 나눌 수 있다.

• 직접 함수를 작성할 때에는 네이밍에 유의해야한다.

• 약속어/예약어 : 이미 기능이 만들어져 있는 이름들 (if, fotm write…등등)로는 이름을 짓지 않아야 한다.

• 함수는 작성과 동시에 출력을 하지 않으며, 함수명을 호출함과 동시에 출력이 이루어진다!
  호출 위치는 선언 위치와 상관없이 이루어진다. (특이한 경우 제외)

🤷🏻‍♀️ 함수를 왜 사용하는걸까?

1. 퍼포먼스의 효율적인 관리

2. 각 명령어들의 시작과 끝을 알 수 있다.(관리 용이)

3. 함수에 이름을 붙여 필요할 때 마다 호출할 수 있기 때문에 반복적으로 사용하기에 좋다.

🖋️ 문법

function name(parameter1, parameter2 ...){
  축약하고 싶은 긴 코드
}

name(agument1, agument2 ...); //함수실행코드

• parameter(매개변수)
  1. premitive parameters 일 때는 value가 그대로 전달됩니다.
  2. object parameter은 refernse가 전달됩니다.

function 예시

function setMenu(burger, sideMenu, drink){
            document.write(burger + ',' + sideMenu + ',' + drink);

        }
setMenu('불고기버거', '치즈스틱', '콜라')

//결과 : 불고기버거, 치즈스틱, 콜라가 도큐멘트에 출력됐다.

function 연습하기

1️⃣ 구구단의 원하는 단수만 받아서 출력하기

function gugudan(num){
    document.write(`${num}단 <br>`);
    for(i = 1; i <= 9; i++){
        document.write(`${num} X ${i} = ${num * i}<br>`);
    }
}

gugudan(parseInt(prompt('원하는 단 수를 입력하세요'))); // prompt 창에서 받아온 문자열을 parseInt로 숫자열로 변환

🔍 결과

prompt 창에 입력한 값의 구구단이 잘 출력되었다.