JavaScript 함수

JavaScript 함수

만일 우리가 여러개의 도형의 넓이를 구하려고 가정해본다면
아래의 코드처럼 작성이 됩니다.
하지만 이것이 여러개가 된다면 같은 코드가 계속 중복이 되고 좋지않습니다.
이런 상황을 피하고 효과적인 방법으로 함수라는 것을 사용합니다.

let a = 10;
let b= 20;

let c = a*b;
console.log(c);

함수 선언식

function getArea() {
  let width = 10;
  let height = 20;

  let area = width * height;
  console.log(area);
} // 함수 선언식
getArea(); // 200

이와 같이 함수를 선언하여 사용하는 것을 함수 선언식이라고 합니다.

function getArea(width, height) {
  let area = width * height;
  console.log(area);
} 
getArea(1, 200);
getArea(2, 200);
getArea(3, 200);
getArea(4, 200);
getArea(5, 200);

함수를 이용해서 같은 코드를 반복하지 않고 위와 같이 매개변수 값을 받아와서 사용하면 훨씬 짧고 간단한 코드를 짤수 있습니다.

return 키워드 이용한 함수

function getArea(width, height) {
  let area = width * height;
  return area;
}
let a = getArea(100, 200);
console.log("a :", a);

리턴 키워드를 이용하여 area 값을 반환 시켜 a 라는 변수영역에 할당해줄수 있습니다.
쉽게 말해 getArea 함수를 호출하여 리턴을 받게된 area 값을 a라는 변수영역에 할당하여 사용하는 것입니다.

지역변수와 전역변수

let 전역변수 = 3;
function getArea(width, height) {
  let 지역변수 = width * height;
  return 지역변수;
}
let a = getArea(100, 200);
console.log("a :", a);
console.log(전역변수);

지역변수는 함수 내부에서만 사용할 수 있는 변수이고
전역변수는 어느곳에서나 사용할 수 있습니다.