gazero
로그인
gazero
로그인
한입 크기로 잘라먹는 리액트(React.js)-section2.함수 표현식과 화살표 함수
const job = '프론트엔드';
·
2023년 8월 8일
팔로우
0
함수선언식
함수표현식
화살표함수
0
한입 크기로 잘라먹는 리액트
목록 보기
6/14
함수표현식
변수안에 함수를 담을 수 있음
이때, 함수명을 따로 지정해주지 않아도 됨(변수명으로 호출하면 되기 때문)
함수선언식이 담긴 변수를 호출하면, 그 변수는 함수라고 출력됨
typeof 로 확인하면 확실히 타입을 확인 할 수 있음
변수 타입은 function임
그래서 변수명으로 함수선언식을 호출하면, 대입 연산자를 통해 할당이 가능
즉, 무명의 값으로 함수선언식을 만들고 변수에 담아두는 형태를 "함수표현식" 이라고 함
함수선언식 vs. 함수표현식
함수선언식
함수가 선언되기 전에 위에서 호출하면? 반환값이 잘 나옴
호이스팅: 함수선언식으로 만들어진 함수는 프로그램 실행 전에 최상단으로 끌어올려짐
그래서, 가장 밑바닥에 선언을 해도 위에서 호출하면 사용이 가능 !
함수표현식
함수표현식이 생성되기 전에 위에서 호출하면? 에러발생
호이스팅이 발생하지 않음
해당함수가 직접적으로 선언되기 전에는 호출이 불가능 !
함수표현식을 간략하게 써보자 ! (with.화살표 함수)
함수표현식에서 'function'을 지우고 매개변수 괄호 뒤에 '=>'를 붙임!
화살표함수에 return밖에 안한다면, 더 같단하게 쓸 수 있음(return을 지워버렷!)
화살표함수도 마찬가지로 ! 호이스팅이 발생하지 않음 !
const job = '프론트엔드';
`나는 ${job} 개발자`
팔로우
이전 포스트
한입 크기로 잘라먹는 리액트(React.js)-section2.함수
다음 포스트
한입 크기로 잘라먹는 리액트(React.js)-section2.콜백 함수
0개의 댓글
댓글 작성
관련 채용 정보