본문 바로가기

Front-End/JavaScript

JavaScript #7 (함수 - function)

반응형

자주 사용하는 코드를 묶어서 이름을 붙여 놓은 것.

 

 

구문

function 함수이름(매개변수) {
  실행할 코드;
  return 결과값;
}

 

※ 함수는 호출(함수이름())해야 실행됨.

 

 

예문

function greet() {
  alert("반갑습니다!");
}
greet(); // 호출

 

 

 

실습

function add(a, b) {
    return a + b; 
}
let sum = add(3, 5);
document.write(sum)

 

답은 8

 

function showName() {
    let name = "홍길동";
    name = "이순신";
        console.log(name);
}

    showName();

    console.log("outer" + name);

 

아래의 console.log에서 name은 "outer"와 함께 찍히지 않음.

(이유 : name이라는 변수는 함수 안에서만 정의된 변수이기 때문.)

 

 

 

연습문제 - BMI 계산기

function calcBMI(weight, height) {
    return weight / (height ** 2) * 100 ** 2;
}
let weight = prompt("체중 입력");
let height = prompt("키 입력");
let bmi = calcBMI(weight, height)
console.log(bmi)

 

체중과 키를 순서대로 입력하면, bmi 지수를 출력해준다.

 

 

 

 

반응형