eatthefrog

모던 자바스크립트 ) 함수 생성 방식 3가지 본문

프론트엔드 노트

모던 자바스크립트 ) 함수 생성 방식 3가지

eater_forg 2025. 1. 7. 11:07

일반 함수 : 함수 선언식과 함수 표현식

함수 선언식 : function 키워드 사용 🅾️ , 익명함수 ❌  , 호이스팅 🅾️

함수 표현식: functio 키워스 사용 🅾️   , 익명함수 🅾️(함수를 변수에 할당) , 호이스팅 ❌(함수가 무분별하게 호출되는 것을 막을 수 있다.)

main() //함수 선언 전에 호출 가능 <--호이스팅

function main () {
	console.log("Hello")
    }
    
main()
cosnt main = function() {
	console.log("Hello");
}

main(); //함수 선언후에 호출

 

 

화살표 함수(함수 표현식을 간단하게 만든 ver). 변수 = (매개변수) => {함수}

- 호이스팅 피할 수 있음

- 함수 표현식보다 간단함

cosnt main = () => {
	console.log("Hello")
    }
    
 main()

 

매개변수

// 함수 선언식은 매개변수를 지정해주지 않아도 괜찮다.(argrments 배열형 객체가 내장되어있음)
main(1,2,3) //1,2,3

function main() {
	console.log(arguments)
}





// 함수 표현식,화살표 함수는 매개변수를 지정해주어야한다. (argument사용시 오류 발생)
const main = (...args) => {
	console.log(args)
}

main(1,2,3) //1,2,3