일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 문자열연산자
- 객체리터럴
- 앱
- 자바스크립트함수
- 생성자함수
- 함수선언
- 논리연산자 우선순위
- 객체기본
- map구동방식
- 플러터
- vs코드
- css
- 상수값
- 함수선언방법
- 백틱문자열
- 객체 키와값
- 삼항조건연산자
- 기본문법
- flutter
- map선언방법
- 다트기본
- 함수선언식
- 닷트
- 개발셋팅
- 함수표현식
- 좌측정렬
- 자바스크립트
- 함수의개념
- 닷트언어
- 생성자함수표기법
Archives
- Today
- Total
소소한일상
[자바스크립트] 함수선언식과 함수표현식 본문
함수 정의 방법은 크게 2가지로 표현할 수 있는데
- 함수 선언식
- 함수 표현식
🔖 함수선언식과 함수표현식의 제일 중요한차이점은 호이스팅
//호이스팅이란 최상단으로 끌어올리는 행위
함수선언식
function hello1(){
//실핼 할 코드
}
함수표현식(익명함수)
let hello2 = function(){
//실행 할 코드
}
📍호이스팅 확인방법
//함수선언식
function test(p1,p2){
return p1+p2;
}
const test1 = test(12,30);
console.log(test1);//42
//함수표현식 => 화살표함수로 가능
const test2 = function(p1,p2){
return p1+ p2;
}
const test22 = test2(12,30);
console.log(test22);//42
/*=================호이스팅으로 함수위로 올렸을 경우=================*/
//함수선언식
const test1 = test(12,30);
console.log(test1);//42 오류나질않음
function test(p1,p2){
return p1+p2;
}
//함수표현식 => 화살표함수로 가능
const test22 = test2(12,30);
console.log(test22);// 오류남
const test2 = function(p1,p2){
return p1+ p2;
}
function a () {}
const a = function (){}
const a = () => {}
'javsscript' 카테고리의 다른 글
[자바스크립트] 함수의 개념 (0) | 2022.04.26 |
---|---|
[자바스크립트] 문자열 결합 연산자 (0) | 2022.04.26 |
[자바스크립트] 삼항(조건)연산자 (0) | 2022.04.19 |
[자바스크립트] 객체의 속성 (0) | 2022.04.19 |
[자바스크립트] 모달창 (0) | 2022.04.06 |