JavaScript - 함수 (6)

 

JavaScript - 함수 (6)

 

함수

 - 함수는 특정 작업을 수행하는 코드 블록으로 함수를 사용하면 코드의 재사용성을 높이고 가독성을 향상시킬 수 있다.

 

1. 함수 호출

// 함수선언
function greeting() {
  console.log("안녕하세요");
}

console.log("함수 호출 전");
greeting();
console.log("함수 호출 후");

 

 

2. 직사각형의 넓이를 구하는 함수

 - 매개변수와 반환값

function getArea(width, height) {// 매개변수
  function hello() { // 중첩함수
    console.log("함수호출");
  }

  hello();
  let area = width * height;

  return area; // 반환값
}

let area1 = getArea(10, 20); // 인수
console.log(area1);

let area2 = getArea(20, 20); // 인수
console.log(area2);

let area3 = getArea(100, 20); // 인수
console.log(area3);

 

3. 호이스팅

 - 함수선언은 코드의 맨 위로 끌어올려져 함수 호출이 선언보다 먼저 있어도 동작하는데 문제가 없다.

console.log("함수 호출 전");
greeting();

// 함수선언
function greeting() {
  console.log("안녕하세요");
}

console.log("함수 호출 후");