[Javascript] 익명 함수, 즉시 실행 함수, 화살표 함수, 변수의 scope

1. 익명함수

• 이름이 없는 함수이다.
• 익명 함수를 선언할 때에는 이름을 붙이지 않는다.

익명 함수 선언하기

function(a, b){
	return a+b;
    }

익명 함수 예제

// 변수에 저장된 익명 함수는 함수 이름 대신 변수를 이용해 함수를 실행함
var sum = function(a, b){	// 익명 함수를 선언한 후 변수 sum에 할당 
	return a+b;
}
document.write("함수 실행 결과: " + sum(10, 20));// 익명 함수 실행 
    

2. 즉시 실행 함수

• 함수를 정의하면서 동시에 실행하는 함수 = 한 번만 실행한다.

기본형

(function() {				(function(매개변수){
	명령				or 			명령
}());						}(인수));

📌즉시 실행 함수는 함수를 식 형태로 선언하므로 마지막에 세미콜론을 붙인다.

3. 화살표 함수

• 익명 함수에서만 사용할 수 있다.
  기본형

(매개변수) => { 함수 내용 }

매개변수의 개수에 따라 함수를 작성하는 방법과 화살표 함수의 표기법을 알아봅시다

1. 매개변수가 없을 경우

• 매개변수가 없는 함수

const hi = function(){	// 매개변수를 넣는 괄호 안을 비워 둔다. 
	return "안녕하세요?";
}

• 매개변수가 없는 화살표 함수

// 함수 내용이 한 줄뿐이라 중괄호 생략, return문 생략
const hi = () =? "안녕하세요?"; 

2. 매개변수가 1개인 경우

• 매개변수가 1개인 함수

let hi = function(user){
	document.write(user+"님, 인녕하세요?");
    }

• 매개변수가 1개인 화살표 함수
  let hi = user => { document.write(user + "님, 안녕하세요?");}

3. 매개변수가 2개 이상인 경우

• 매개변수가 2개인 함수

let sum = function(a, b){
	return a+b;
    }

• 매개변수가 2개인 화살표 함수

let sum = (a, b) => a+b;

변수의 scope에 대해서 알아봅시다

-scope는 우리말로 번역하면 범위이다. 즉 변수의 scope란 변수에 접근 할 수 있는 범위를 말한다.

자바스크립트의 scope는 2가지 타입이 있다

• 전역(global)
• 지역 (local)

전역 스코프

코드에서 어디서든지 해당 변수를 접근 할 수 있다.

지역 스코프

해당 지역에서만 변수를 접근 할 수 있다.

함수를 통해 예를 들어봅시다.

var num = 1;	// 전역 스코프(전역 변수)
function scopeStudy(){
	var num = 5;	// 지역 스코프(지역 변수)
    console.log(5);
    }
scopeStudy();	// 출력값 : 5
console.log(num);	// 출력값 : 1;