[책] 자바스크립트 코드 레시피 278 - 4일차

함수 사용하기 ( function )

• 처리 작업을 하나로 모아 이름을 지정하고 싶을 때
• 처리 작업을 반복하여 사용하고 싶을 때

구문

  function 함수이름(매개변수) {
    const value = '자바스크립트';
    console.log('함수 문법');
    return value;
  }

함수는 들어온 값을 처리하고 그 결과를 반환하는 구조입니다. function 으로 함수를 만들고 함수이름도 정할 수 있으며, { } 안에 코드 실행하는 내용을 입력합니다. 함수에 전달되는 값을 매개변수라고합니다.

함수 코드 알아보기

매개변수의 함수 코드를 작성하는 예시를 살펴봅니다.

  function myFunction(a) {
    const result = a + 2;
    return result;
  }

매개변수에 넣을 수 있는 개수는 무제한입니다. , 로 구분하여 전달합니다.

  function calcSum(a, b, c) {
    const result = a + b + c;
    return result;
  }

전달되는 매개변수가 없는 함수도 만들 수 있습니다.

  function myNameA() {
    console.log('콘솔창');
    return 100;
  }

함수에서 되돌려주는 결과를 반환값 이라고 하며, retrun 으로 처리합니다.

  function myNameB(a) {
    const result = a + 2;
    return result;
  }

retrun 없으면 반환하지 않습니다.

  function myNameB(a) {
    console.log('retrun 없으면 되돌려주지 않습니다.');
  }

retrun 는 함수 실행이 종료되기 때문에 retrun 밑에 있는 코드는 실행 못합니다.

  function myNameB(a) {
    console.log('실행하기');
    return '안녕하세요';
    // 여기서 부터 실행 못합니다.
    const count = 100;
    const string = '안녕하세요';
    console.log(count, string);
  }

함수 내에서 retrun 은 몇 번이라도 사용이 가능합니다. 다음과 같이 조건에 따라 반환값 을 다르게 처리하는 기능을 만들 수 있습니다. 다음 코드는 a가 100 이상이면 retrun a 가 실행되고 retrun b 는 실행 못합니다. 하지만 a가 100 미만이면 retrun b 만 실행되는 코드를 살펴봅시다.

  function myFunction(a, b) {
    // a가 100 이상이라면 a를 반환합니다.
    if (a >= 100) {
      return a
    }
    // a가 100 미만이라면 b를 반환합니다.
    return b
  }

함수 만들어놓고 함수를 실행시키기 위해서는 함수이름 옆에 ( ) 작성합니다. 매개변수가 있다면 ( ) 안에 작성합니다.

  function calcFunction(price, tax) {
    const result = price + price * tax;
    return result;
  }
  const myResult = calcFunction(100, 0.1);
  console.log(myResult);

전달되는 매개변수가 없으면 ( ) 안에는 아무것도 입력하지 않습니다.

  function execution() {
    console.log('안녕하세요');
  }
  execution();