함수

신윤주·2023년 6월 18일
post-thumbnail

함수

함수란 하나의 특정한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다.
문법은 아래의 구조이며
매개변수(parameter)란 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수이다.

function 함수이름(매개변수1,매개변수2,...){
    함수가 호출 되었을 때 실행될 코드;
}
function add(a,b){  //a,b는 이 함수의 매개 변수이다.
  console.log(a + b);
}

add(3,4);  //add() 함수에 인수로 3와 4을 전달하여 호출함.

위의 예제에서 매개변수 a에는 3이 매개변수 b에는 4가 저장되므로 7로 콘솔에 출력된다. 이처럼 매개변수는 호출시의 순서가 똑같이 적용된다.

반환문

반환문은 함수의 실행을 중단하고, return 키워드 다음에 명시된 표현식의 값을 호출자에게 반환한다.
반환문은 배열이나 객체를 포함한 모든 타입의 값을 반환할 수 있다.

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

const num = add(3,4); //add() 함수가 호출된 후, 그 반환값이 변수 num에 저장됨.
console.log(num);

return이 선언되면 그 함수는 종료가 되어서 그 블록 안에서는 밑에 어떠한 코드를 추가로 작성해도 실행되지 않는다.

화살표함수

함수를 선언하는 방식 중 또 다른 방식은 화살표 함수 문법을 사용하는 것이다.
화살표 함수를 이용하면 선언과 함수를 동시에 사용할수 있다.

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

console.log(add(3,4));

위의 봔환문 예제를 화살표 함수로 바꾼것인데
function대신 const를 쓰고 매개변수 옆에 => 를 쓰면 된다.

함수를 쓸때에는 let 보다는 const를 쓰는게 좋다.
함수를 박아놓고 계속 가져다가 써야함으로 바뀌면 안되어서 const를 사용하는걸 추천한다.

profile
js를 부수는 그날까지

0개의 댓글