본문 바로가기

웹 구축/HTML&CSS&JS

【 JS 초급 】 함수 선언식과 표현식

함수선언식 ( Function Declaration ) 은 가장 대표되는 JS의 함수 선언 방식이다.

 

 

function a() { return "hello world"; }
console.log(a());

일반적인 함수 선언식은 다음과 같은 구조를 가진다.

여기에 선언된 함수에 부합하는 호출을 두 번째 줄처럼 하여 사용하면 된다.

 

 

 

함수표현식( Function Expression ) 은 JS의 특징을 서술할 수 있는 방법이다.

 

var a = function() { retrun "hello world";}
consolg.log(a);

 

여기서 우리는 한 가지 특성을 발견할 수 있는데, 함수를 변수에 담아서 사용할 수 있다.

즉, 다시 말해 함수 역시 변수처럼 다룰 수 있다.

 

즉 다음과 같이

 

function a(){
return 10;
}

function b(data){
return data;
}

console.log(b(a()));

 

함수 내에서 다른 함수를 호출하여 사용할 수도 있음을 보여주는 자바스크립트의 특징이다.

 

 

선언식과 표현식의 적당한 차이는, 선언식의 경우는 호이스팅을 유발할 가능성이 크고

표현식은 그렇지 않다는 것이다.

호이스팅에 관한 내용은 다음 링크에 서술되어있다.

 

https://canonsdream.tistory.com/130

 

 

 

 

 

 

'웹 구축 > HTML&CSS&JS' 카테고리의 다른 글

【 JS 초급 】호이스팅 ( Hoisting )  (0) 2022.05.22
【 JS 초급 】Jquery 선택자 및 메소드 1  (0) 2022.01.12
패턴  (0) 2021.02.04
【 JS 초급 】AJAX(Asynchronous JavaScript and XML)  (0) 2021.02.03
CSS 4  (0) 2021.01.25