javascript 함수에 대해 알아보자!

함수

함수는 매개 변수에 인자를 받아 다음과 같은 형식으로 작동한다.

   ___\ 매개변수 /_____
  |                  |
  |   연산 ~~         | 
  | return 연산된값;   |
  |____________    __|
               /결과\              

함수의 선언 방식

//함수를 만드는 방법은 두가지가 있다
//1. 표현식
let name = function(매개변수){
      return 매개변수; 
}

name(인자); // 함수 호출
//위와 같은방식은 익명함수를 넣어주는 방식으로 hoisting이 일어나지 않는다
//hoisting = 선언된 위치에 상관없이 맨 윗부분으로 끌어 올려지는 현상

//2. 선언식 hoisting 현상이 일어나기 때문에 선언하는 순간 맨 윗부분으로 끌어 올려짐.
function 함수이름(매개변수){
    return 매개변수;
}
함수이름(인자); //함수 호출

//함수의 사용 예시
function sum(a, b){
  return a+b;
}

console.log(sum(4,7));  // 11이 나온다.

 

화살표 함수(ES6)

const name = (매개변수) => {
   return 매개변수;
}

//위와 같이 값을 바로 return 해주는 함수의 경우 return과 {}를 생략가능하다
const name = 매개변수 => 매개변수; // 매개변수가 한개일경우 괄호 생략가능

return

//함수는 내부에서 return을 만나는 순간 값을 들고 함수가 호출된 곳으로 돌아간다.
//ex

function sum(a, b){
  return a + b;
  console.log(a - b);
}

const add = sum(3,7);
console.log(add) // 10이 나온다.
//위처럼 사용하면 return 아래의 내용은 실행되지 않는다.