BH] Javascript - 화살표 함수 기본

[BH] 안녕하세요.

 

Javascript 화살표 함수에 대해서 적어볼게요.

 

일반전인 함수(function)와 화살표 함수는 확실히 다른 것 같습니다.

 

뭐가 다를까요?..

 

형태가 다릅니다.

 

함수 표현식

let createFunc = function() {
  alert('create');
}

 

화살표 함수 표현식

let createFunc = () => {
  alert('create');
}

 

 

화살표 함수 축약 방식

let createFunc = () => alert('create')

 

화살표 함수는 뭔가 간결해보이는군요.

 

끝!

 

 

 

---

See the Pen 화살표함수 by junyoung (@junyunga) on CodePen.

 

 

 

또 다른 차이점은

화살표 함수에는 this가 없습니다.

this가 없으니 this.A를 해도 전혀 알수가 없습니다.

 

obj.createfunc()

func() 함수가 실행됩니다.

그때 화살표함수는 상위에 표현된 A의 값을 불러옵니다

this.A는 obj.A와 동일한 형태입니다.

 

obj2.createfunc()

func() 함수가 실행됩니다.

그때 함수는 상위에 표현된 A의 값을 불러오지 못합니다.

undefined가 나타납니다.

---

또 다른 차이점은 

상황에 맞게 유용하게 쓸수 있는 화살표 함수입니다.

 

무조건 화살표 함수를 사용할 필요는 없습니다.

 

 

오늘은 간단하게 화살표 함수에대해서 알아보았습니다.

 

다음에 봬요!

다음에도 무엇이든 적어볼게요!