[js] 함수의 사용법과 즉시 실행 함수(IIFE)

🗣️ 자바스크립트에서의 함수 사용법에 대해 알아봅시다!

✅ javascript에서 함수를 사용하는 이유

• 코드의 재사용
• 유지보수의 편의성 향상
• 코드의 신뢰성 향상
• 코드의 가독성

📌 함수 정의 방식

함수 선언문

function add(x,y) {
  return x+y
}

함수 표현식

var add = function add(x,y) {
  return x+y

Function 생성자 함수

var add = new Function('x', 'y', 'return x+y')

화살표 함수

var add = (x, y) => { x + y }

✏️ 매개변수

var add = (매개변수1, 매개변수2) => { x + y }

add(매개변수1, 매개변수2)  // output: 8

함수에 전달되는 변수를 매개변수라고 합니다. 함수의 매개변수 값으로는 함수, 객체, 배열로 전달할 수 있습니다.

✏️ 전역변수와 지역변수

전역변수

var answer = 1

function add {

}

함수 밖에 정의된 변수는 전역변수라고 합니다. 함수 안에서도, 밖에서도 사용 가능합니다. answer은 add 함수 안에서 재선언 가능합니다.

지역변수

function add {
	var answer = 1
}

지역변수는 함수 선언 내에 선언된 변수로 함수 밖에선 사용할 수 없습니다. 오직 선언된 함수 안에서만 사용 가능하다는 것을 유의해야 합니다.

✏️ 함수 호출하기

var add = (x, y) => { x + y }

add(3,5)  // output: 8

함수명와 함수에 전달 되어야 할 매개변수가 있다면 같이 작성해줍니다.

📌 즉시 실행 함수(IIFE)

즉시실행함수 (IIFE, Immediately Invoked Function Expression)는 정의되자마자 즉시 실행되는 함수를 말합니다.

(function () {
    console.log("test");
})();

// 화살표 함수로 표현하기
(() => {
    console.log("test");
})();

즉시실행함수는 선언과 동시에 호출과 반환되기 때문에 재사용 할 수 없습니다. 그러므로 매번 초기화가 필요한 변수가 있다면 사용하기도 합니다.