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

일반 함수 : 함수 선언식과 함수 표현식
함수 선언식 : 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'프론트엔드 노트' 카테고리의 다른 글
| 모던자바스크립트) 클린 코드 (2) | 2025.01.08 |
|---|---|
| 모던 자바스크립트) whf is this? (1) | 2025.01.07 |
| 모던 자바스크립트_Module Pattern(import,export) (1) | 2025.01.02 |
| 모던 자바스크립트 모듈 Top-Level await (ES2022) (0) | 2025.01.02 |
| CSS) 자식박스를 가운데 정렬시키기 위해서 부모 박스에 flex box 설정하는 이유 (1) | 2025.01.01 |