04. Funtion(함수) - 기본
04-1. 함수의 정의
함수는 하나의 특정한 작업을 수행하도록 설계된 독립적인 코드 블록입니다.
04-2. 함수의 호출
변수에 변수명을 붙이는 것처럼, 함수에도 함수명을 붙여서 관리할 수 있습니다. 함수명을 호출하면, 선언해둔 함수를 실행할 수 있습니다. 아래의 예시 코드와 함께 설명을 이어가겠습니다.
function checkCorrect() {
const hi = "안녕하세요";
return hi;
}checkCorrect라는 이름의 함수를 생성했습니다. 생성한 함수를 다음과 같이 호출할 수 있습니다.
checkCorrect();❗️함수를 정의만 하고 호출하지 않으면 실행되지 않으니 꼭 유의해주세요❗️
04-3. 함수의 형태
함수의 형태는 아래와 같습니다. 함수 형태를 꼭 기억해서 원하는 방향으로 함수를 작성할 수 있어야 합니다.
(1) function 키워드로 함수 선언을 시작합니다.
(2) 함수 이름을 짓습니다.
(3) 함수를 알리는 소괄호(() : parentheses)를 열고 닫습니다.
(4) 함수의 코드 블록 시작을 알리는 중괄호({ : curly bracket)을 열어줍니다.
(5) 실행할 코드를 중괄호와 중괄호 사이에 작성합니다. 함수의 body 라고 부르기도 합니다. 이 부분에 들여쓰기가 되어있습니다. 함수 내부에 있는 코드라는 것을 표현하기 위해 들여쓰기가 되어있는 모습입니다.
(6) return(반환) 할 것이 있다면 return문을 작성합니다.
(7) 중괄호(}: curly bracket)로 닫아줍니다. 함수의 작성이 끝났음을 알립니다.
04-4. 함수의 정의 vs. 함수의 실행 (함수의 호출)
앞서 드린 설명은 함수를 "정의"하는 방법입니다. "이 함수는 이런 동작을 할 것이다~" 라고 정해두는 것입니다.
하지만 위처럼 함수를 정의하는 것만으로는 함수 내부가 실행되지 않습니다.
add 함수 정의
function add() {
const sum = 3+3;
return sum;
}아래는 add라는 이름을 가진 함수입니다. add 함수가 어떤 동작을 하게 될지를 정의만 해둔 것입니다.
add 함수 실행(호출)
add();- add 함수를 호출하기 전까지는, sum 변수가 생성되지도 않고, 3+3 더하기도 되지 않습니다.
- 함수 내부가 실행되려면 위와 같이 함수를 호출해야합니다.
- 함수를 호출하는 시점이 바로 add 함수가 실행되는 시점입니다. 따라서 3+3 더하기 연산이 실행되고 sum 변수에 저장되는 시점은 add() 함수가 호출되는 시점입니다.
- 함수를 호출하는 형태는 아래와 같이 함수 이름에 괄호
()를 여닫아주면 됩니다.
출처 : wecode
