레슨 2 / 9·20분
함수와 조건문
함수 선언과 화살표 함수
JavaScript에서 함수를 정의하는 방법은 크게 세 가지입니다. function 키워드를 사용한 선언식, 변수에 할당하는 표현식, 그리고 간결한 화살표 함수(=>)가 있습니다. 화살표 함수는 자체 this를 가지지 않는다는 차이가 있습니다.
javascript
// 함수 선언식
function greet(name) {
return "안녕하세요, " + name + "님!";
}
// 함수 표현식
const add = function (a, b) {
return a + b;
};
// 화살표 함수
const multiply = (a, b) => a * b;
// 매개변수가 하나면 괄호 생략 가능
const double = n => n * 2;
console.log(greet("영희")); // "안녕하세요, 영희님!"
console.log(multiply(3, 4)); // 12
console.log(double(5)); // 10조건문: if / else
if 문은 조건에 따라 코드 실행을 분기합니다. else if로 추가 조건을, else로 나머지 경우를 처리합니다.
javascript
function getGrade(score) {
if (score >= 90) {
return "A";
} else if (score >= 80) {
return "B";
} else if (score >= 70) {
return "C";
} else {
return "F";
}
}
console.log(getGrade(85)); // "B"삼항 연산자
삼항 연산자(조건 ? 참 : 거짓)는 간단한 조건 분기를 한 줄로 작성할 때 유용합니다. 복잡한 로직에는 if/else를 사용하는 것이 가독성에 좋습니다.
javascript
const age = 20;
const status = age >= 18 ? "성인" : "미성년자";
console.log(status); // "성인"
// 함수 반환에도 활용
const abs = (n) => n >= 0 ? n : -n;
console.log(abs(-7)); // 7💡
화살표 함수에서 본문이 표현식 하나면 {}와 return을 생략할 수 있습니다. 예: const sq = x => x * x;