함수 : 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;
-> 매개변수가 한가지 일 때, ()생략이 가능하다.
'스파르타 (React_6기) 본캠프' 카테고리의 다른 글
2024. 07. 23.(JavaScrip 기본 문법 정리 - 배열) (0) | 2024.07.24 |
---|---|
2024. 07. 23.(JavaScrip 기본 문법 정리 - 조건문) (0) | 2024.07.23 |
2024. 07. 22.(JavaScrip 기본 문법 정리 - 연산자) (1) | 2024.07.23 |
2024. 07. 22. (JavaScrip 기본 문법 정리 - 형 변환) (0) | 2024.07.23 |
2024. 07. 22.(JavaScrip 기본 문법 정리 - 데이터타입) (0) | 2024.07.22 |