JavaScript - 함수(Function)

 

함수(Function)

 

 

 

 

함수 선언(Function Declaration)

 

• 반환 값 선언 없이 function 키워드만 이용하여 사용
• function키워드에 함수 명을 작성하여 사용하는 방법(함수 선언문)과
  function에 함수 명을 작성하지 않고 변수에 대입하는 방법(함수 표현식)이 있음

 

---

 

함수 호출

 

• return 값이 있으면 리턴 값을 받을 변수가 있어야 한다.

 

 

---

 

변수 범위

 

• 함수 내에서 지역 변수를 선언하면 함수 외부에서 접근이 불가
  

  function test2 () {
      // 함수 내의 지역 변수 선언
      let local = 'local';
  }
  
  // local is not defined
  // => 지역 변수는 함수 외부에서 접근 불가
  console.log('test2 밖의 local : ' + local);​

  
  
  
• 전역 변수는 함수 내에서 접근 및 수정 가능
  

  // 외부 변수 선언
  let outer = 'outer';
  
  function test3 () {
      // 함수 내부에서 외부 변수 접근 가능
      console.log('test3 안의 outer : ' + outer);
      outer = 'changed outer'; 
  }
  
  test3();
  // 접근 뿐 아니라 값 수정도 가능
  console.log('test3 호출 후 outer : ' + outer);​

  
  
  
• 같은 변수명을 가진 지역 변수와 외부 변수가 있을 경우
         - 함수 내부 : 지역 변수 접근
         - 함수 외부 : 외부 변수 접근
  

  // 같은 이름을 가진 지역 변수와 외부 변수가 있을 경우
  let test = 'outer';
  function test4(){
      let test = 'local';
      console.log('test4 안의 test : ' + test);
  }
  test4();
  console.log('test4 밖의 test : ' + test);​

---

 

함수의 매개변수

 

• 지정된 매개변수보다 많은 개수 선언하고 호출하는 것을 허용
       - 초과되는 매개변수는 무시
  

  

  

  
  
  
• 지정된 매개변수보다 적게 선언하고 호출하는 것도 허용
       - 선언이 안된 매개변수는 undefined로 자동 설정 된다.
       - 값이 안넘어올 경우 기본 값 설정이 가능하다.
  

  

---

 

함수의 반환형

 

---

 

함수 표현식(Function Expression)

 

---

 

콜백 함수 - 매개변수로 넘겨진 함수

 

---

 

함수 선언문과 함수 표현식의 차이

 

---

 

화살표 함수

 

• 화살표 함수는function 키워드, return 키워드 및 중괄호를 생략한 함수 표현식