[Javascript] 일반함수 function vs. 화살표함수 arrow function 비교

일반 함수 function과 화살표 함수 arrow function의 차이점을 알아봅니다.

 

---

 

일반 함수 Function

구현

function funcName(param1, param2, ...) {
	console.log("function!");
}

// 호출
funcName('one', 'two');

생성자로 사용 가능합니다.

파라미터를 받지 않고 arguments 키워드 사용이 가능합니다.

function setting() {
	console.log(arguments);	// 전체 파라미더 접근
}

 

this 객체 참조

전역으로 실행시 window 객체를 반환합니다.

메소드 실행시 메소드를 소유하는 객체를 반환합니다.

생성자 실행시 새롭게 만들어지늑 객체를 가리킵니다.

---

화살표 함수 Arrow Function

구현

let funcName = (param1, param2, ...) => {
	console.log("arrow function!");
};

// 호출
funcName('one', 'two');

this 객체 참조

함수 선언시 정적으로 결정됩니다.

상위 scope의 this

call, apply, bind 등을 통한 this 객체 변경이 불가합니다.