Javascript

화살표 함수

muyeon 2023. 4. 8. 17:40

일반함수

 

function add1(x, y) {
	return x+y;
}

화살표 함수

const add1 = (x, y) ⇒ {
	return x+y;
}

const add2 = (x,y) ⇒ x+y;

const add3 = (x,y) ⇒ (x + y);

const not = x ⇒ !x;

// 객체를 리턴하는 것은 소괄호가 필수다

const obj = (x, y) ⇒ ({x, y})

- 화살표 함수가 기존 function() {}  을 대체하는 건 아니다. (this 가 달라지기 때문)

- 화살표 함수는 부모의 this 를 물려받는다.

- 일반 함수는 부모의 this 와 나의 this 가 다르다 . 즉 자기만의 this 를 가진다.