스파르타 (React_6기) 본캠프

2024. 07. 22.(JavaScrip 기본 문법 정리 - 함수)

cha123hein 2024. 7. 23. 09:41

함수 : input과 output을 가지고 있는 function(기능)의 단위이다.

*input : 매개변수(매개체가 되는 변수)

*output : return문 뒤에 오는 값 (반환값)

기본형태 : fuction () {}

 

1. 함수선언문

fuction 함수명 (매개변수) {

함수 내부에서 실행할 로직

}

ex) 두 개의 숫자를 입력 받아서 덧셈을 한 후 내보내는 함수

fuction add (x, y) {

let result x+y; -> 선언하기

return result; -> 결과값 나타내기

}

 

2. 함수표현식

let add = fuction (매개변수) {

함수 내부에 실행할 로직

}

-> 위와 결과값은 같다.

 

함수를 호출한다(= 사용한다.)

함수명() -> add(입력값)

1) console. log(add(숫자, 숫자));

 

2) let fuctionResult = add(숫자, 숫자);

    console.log(fuctionResult);

-> 1)과 2)처럼도 표현이 가능하다.

 

3. 스코프 : 변수의 영향범위

전역변수 : 전체에 영향을 끼친다.

지역변수 : 함수에만 영향을 미친다.(함수 내부에서 선언될 경우 해당된다.)

 

4. 화살표 함수

4-1 기본적인 화살표 함수

let arrowFunc = (x,y) => {

return x+y;

}

 

4-2. 한 줄로 변형하기

let arrowFunc = (x,y) => x+y;

 -> 중괄호 안에 있는 줄이 한줄이면, return생략가능하다.

 

let arrowFunc = x => x;

-> 매개변수가 한가지 일 때, ()생략이 가능하다.