반응형
자주 사용하는 코드를 묶어서 이름을 붙여 놓은 것.
구문
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 지수를 출력해준다.
반응형
'Front-End > JavaScript' 카테고리의 다른 글
| JavaScript #9 (이벤트) (0) | 2025.06.24 |
|---|---|
| JavaScript #8 (함수 - 익명/화살표 + 연습문제) (0) | 2025.06.24 |
| JavaScript #6 (반복문 - while, break/continue) (0) | 2025.06.24 |
| JavaScript #5 (반복문 - for) (3) | 2025.06.24 |
| JavaScript #4 (연습문제) (0) | 2025.06.23 |