[JavaScript] 기초 - 함수

함수

: 호출될 수 있는 코드 조각.

  함수를 선언하면 함수의 이름을 코드 조각 대신 사용할 수 있다.

 

 

 

함수 선언식

function 함수명(){
   // 함수의 기능을 표현한 구문
}

★

처음 만들 때부터 이름이 있는 함수를 만든다.

호출문을 위에서 사용해도 된다.(호이스팅이 가능함)

*호이스팅: javascript에서 코드 실행 전 변수 및 함수 선언이 스코프의 최상단으로 끌어 올려지는 현상

 

 

함수 표현식

const 함수명 = function(){
   // 함수의 기능을 표현한 구문
}

★

이름이 없는 익명 함수를 만든 다음에  이름을 붙여주는 것이다.

호출문을 위에서 사용하면 에러가 뜬다.

 

 

함수 호출

: 함수가 만들어지고 나면, 함수명은 스스로 보관하고 있는 구문 대신 사용될 수 있다.

  함수가 사용되기 위해서는 함수를 호출해야만 한다.

 

const sayHello = function(){
  let number = 3 + 3
  console.log(number)
}

sayHello() // 함수 호출

 

 

함수 명명 규칙

함수의 기능을 적절하게 표현할 수 있는 이름을 사용한다

명사보다는 동사로 된 이름을 사용한다

소문자로 시작하되, 여러 단어가 섞인 경우 카멜표기법을 사용한다

* 카멜표기법 : 표기법이 낙타의 혹과 비슷(소문자+대문자)한 것에 유래. 첫 단어는 동사를 사용할 것을 권장한다.

 

 

★

함수 내부에서 선언된 변수는 함수 밖에서 쓸 수 없다.

(해당지역에서만 쓸 수 있다고 해서 '지역변수'라고도 한다.)

function sayHello(){
   let hello = "문자열 헬로우"
   console.log(hello)
}   // 출력 : 문자열 헬로우

sayHello()
console.log(hello)  // Error

 

 

return문

: 함수가 데이터를 반환하려면, '이 데이터를 반환한다'라는 구문을 함수 내부에 추가해주어야 한다. 이 때 사용되는 키워드.

  2가지 기능 - 함수로부터 데이터를 반환하고, 함수를 끝낸다.

  데이터는 딱 하나씩만 반환할 수 있다.

function getData(){
  let result1 = 3 + 2 + 1
  let result2 = 4 + 3 + 2 + 1
  return result1
  return result2 // 소용없음
}

cosole.log(getData())  // 출력 : 6

 

 

사용예시)

function oddEven(number){
  if(number % 2 == 1){
    return "홀수"
  }else{
    return "짝수"
  }
}

console.log(oddEven(10))
console.log(oddEven(7))
 // 출력 : 짝수
           홀수