[Basic] JavaScript 함수

2. JavaScript 함수

• 특정 동작(기능)을 수행하는 일부 코드의 집합
• 일종의 데이터

1) function

• 함수 선언

  function helloFunc() {
  // 실행 코드
    console.log(1234);
  }
  
  // 함수 호출
  helloFunc(); // 1234

2) return

• 함수 내에서 특정한 값 반환
• 아래와 같이 return이라는 키워드를 사용하여 JavaScript의 데이터를 함수 밖으로 내보내기 할 수 있다. 이렇게 내보내진 데이터를 let을 사용하여 새로운 a라는 변수에 할당해서 추가적으로 사용할 수 있다.

  function returnFunc() {
    return 123;
  }
  
  let a = returnFunc();
  
  console.log(a); // 123

3) 매개변수와 인수

• 매개변수(Parameters)란 들어온 데이터들을 함수가 받아서 내부에서 처리하여 다시 밖으로 내보내주는데(return) 이러한 데이터를 받는 함수 내에서 사용하는 변수, 쉽게 말해 데이터를 받아주는 매개체가 되어주는 변수이다. 그러므로 해당 변수는 함수 내에서만 사용이 가능하다.
• 인수(arguments)는 함수를 실행(호출)할 때 매개변수가 받아줄 특정한 데이터, 쉽게 말해 함수를 실행할 때 들어가는 데이터

  function sum(a, b) { // a와 b는 매개변수
    return a + b;
  }
  let a = sum(1, 2); // 1과 2는 인수
  let b = sum(3, 4);
  
  console.log(a, b, c); // 3, 7

4) 기명함수

• 이름이 있는 함수
• 함수 선언!

5) 익명함수

• 이름이 없는 함수
• 함수 표현!
• 이름이 없기 때문에 주로 변수에 할당한다.

  // 함수 선언!
  function hello() {
    console.log('Hello!');
  }
  // 함수 표현!
  let world = function () {
    console.log('World!');
  }
  
  // 함수 호출
  hello(); // Hello!
  world(); // World!

6) 메소드(Method)

• 객체 데이터 내부에서 하나의 속성 부분에 함수라는 데이터를 할당하는 것
• 다시 말해, 객체 데이터 내부의 속성 부분에 함수가 할당되어 있으면 메소드!

  // 객체 데이터 
  const orosy = {
    name: 'OROSY',
    age: 64,
  // 메소드
  getName: function () {
    return this.name;
  }
  };
  
  const hisName = orosy.getName();
  console.log(hisName); // OROSY
  // 혹은
  console.log(orosy.getName()); // OROSY