함수, 함수표현식 & 함수선언식

함수

function getArea(){
이 함수가 어떤 코드를 실행할 지 적음
} // 함수 선언식, 함수 선언 방식의 함수 생성
getArea();
console.log(”함수 실행 완료”);

소괄호의 역할은 매개변수를 전달하고 받는 과정하기 위함

getArea(매개변수);

getArea(100, 200)

 

지역 변수

function getArea(width, height){

let area = width * height; // 지역변수

console.log(area);

} // 함수 선언식, 함수 선언 방식의 함수 생성

let area1 = getArea(100, 200)

console.log(area);

 

함수 외부에서 어디에서나 접근 할 수 있는게 전역 변수, 글로벌 변수라고 한다.

 

let count =1; // 전역 변수
function getArea(width, height) {
let area = width * height;
console.log(count);
return area;
}
let area1 = getArea(100, 200);

함수 표현식 & 화살표 함수

console.log(helloB()); // 함수 선언식 호이스팅으로 선언이 됨

함수 표현식

함수 표현식
console.log(helloA());
let helloA = function () {
return “안녕하세요 여러분”;
}; // 함수 표현식

호이스팅 : 함수 표현식는 포함이 안된다.
직접적으로 선언되기전까지는 접근이 불가능하다.

 

함수 선언식

함수 선언식

function helloB() {

return “안녕하세요 여러분”

//console.log(helloB()); 이런 느낌

} // 함수 선언식

호이스팅 : 함수 선언식으로 만들어진 코드를 위로 올려준다.

const helloText = hello();

console.log(helloText); // 안녕하세요 여러분

화살표 함수(함수 표현식)

let helloA = () ⇒ {

return “안녕하세요 여러분”;

};

let helloA = () => “안녕하세요 여러분”;

함수표현식이라 호이스팅이 안됨