TIL -09. JavaScript :Function (함수) - 기본

Function(함수)

하나의 특정한 작업을 수행하도록 설계된 독립적인 블록

1. 함수의 호출
   변수에 이름이 있듯이, 함수도 이름이 있다.
   그래서 함수의 이름을 부르면 함수 내에 있는 코드가 실행된다.

함수를 불러 실행시키는 것을 "함수를 호출한다"라고 앞으로 말하면 된다.

코드:

function checkCorrect() { //함수 생성
	let love = "위코드";
    return love;
}

함수가 정의 되어있는데, 정의된 함수의 이름이 보이시나요?
맞습니다.checkCorrect가 함수의 이름이다.

함수의 이름을 불러 호출할 수 도 있다.함수를 정의만 하고 호출하지 않으면 실행되지 않습니다.

checkCorrect();

2.함수의 형태

코드:

function checkCorrect() { //함수 생성
	let love = "위코드";    
     return love;
}

함수의 형태를 기억해야한다.
function 키워드로 시작하여

• 함수 이름을 지어주고
• 함수를 알리는 소괄호((): parentheses)를 열고 닫고
  함수의 시작을 알리는 중괄호({: curly bracket)을 열어줍니다.
• 실행할 코드를 중괄호와 중괄호 사이에 작성합니다. 함수의 body라고 부르기도 합니다. 이 부분에 들여쓰기가 되어있습니다. 함수 내부에 있는 코드라는 것을 알기 좋게 하려고 들여쓰기 하였습니다.
• return(반환) 할 것이 있다면 작성합니다.
• 중괄호(}: curly bracket)로 닫아줍니다. 함수의 작성이 끝났음을 알립니다.

3. 함수의 정의 vs 함수의 실행(함수의 호출)
   이 앞에서는 계속 함수를 정의하는 방법이었다.

다음은 위처럼 함수를 정의하는 것만으로는 함수 내부가 실행되지 않기 때문에 추가적으로 더 공부할 것이다.

1) 함수의 정의

function add() {
  let sum = 3+3;
  return sum;
}

add라는 이름을 가진 함수로, add함수가 어떤 동작을 하게 될 지 정의를 해둔 것

2)add 함수 실행(호출)

add();

위와 같이 add함수를 호출하기 전까지는 sum 변수가 생성되지 않고,
3+3이라고 되어있는 sum의 계산도 되지 않는다.

함수를 호출해야 add함수가 실행되므로 함수 안에 더하기 사칙연산도 되고 sum변수에 저장되는 것이다.

함수를 호출하는 형태는 아래와 같이 함수 이름에 괄호( )를 여닫아 주면 된다.

함수이름();