반응형
자바스크립트 함수는
함수 선언문
함수 표현식
화살표 함수
등을 사용해 정의한다.
🔔 아래 예시문은 모두 구구단 5단을 만드는 함수입니다 🔔
함수 선언문
✔️ function 식별자(){}
✔️ 제일 대표적으로 사용됨
function gugudan(){
for(let i = 1; i <= 9; i++){
console.log(`5 * ${i} = ${5 * i}`);
}
};
gugudan();
함수 표현식
✔️ 익명 함수
const 변수명 = function(){};
✔️ 네이밍 함수
const 변수명 = function 식별자(){};
✔️ 네이밍 함수로 작성했을 시, 식별자로 함수 호출 불가능 ❌, 할당된 변수명으로 함수 호출 가능 ⭕️
// 익명 함수
const gugudan = function(){
for(let i = 1; i <= 9; i++){
console.log(`5 * ${i} = ${5 * i}`);
}
};
gugudan();
// 네이밍 함수
const gugudan = function gugudan(){
for(let i = 1; i <= 9; i++){
console.log(`5 * ${i} = ${5 * i}`);
}
};
gugudan();
화살표 함수
✔️ () => {};
✔️ 함수를 호출해서 사용하기 위해서는 변수를 할당을 해줘야함
✔️ const 변수 = () => {};
const gugudan = () => {
for(let i = 1; i <= 9; i++){
console.log(`5 * ${i} = ${5 * i}`);
}
};
gugudan();
반응형
'HTML + CSS + 자바스크립트' 카테고리의 다른 글
객체 속성 다루기 # 접근방법, 객체 속성 추가, 삭제, 객체의 특성 : 얕은 복사 (2) | 2023.12.08 |
---|---|
즉시 실행 함수 사용하기 (0) | 2023.12.07 |
if문 VS switch문 : 어떤걸 사용해야할까?? 차이점은?? (2) | 2023.12.05 |
문자열에 ''(작은 따옴표), ""(큰 따옴표) 넣으면 에러 해결하기 (2) | 2023.12.04 |
var, let, const 차이점 비교 한 눈에 확인하기 (2) | 2023.12.04 |