Enjoy Programming

Arrow function (ES6) 본문

JavaScript/Vanilla Js

Arrow function (ES6)

LEETAEEON 2021. 4. 9. 09:23

arrow function에 대해 간략히 알아보자

 

기존 자바스크립트는 함수를 명명할때

function variable () {

    ..............

    return true

  }

이렇게 적어줬다. true를 반환한다.

 

arrow function은 implicit return(암시적 리턴)이라는 것이 있다.

바로 보자

예> const variable = () => true;

이렇게 적으면 끝난다  =>가 암시적으로 true를 리턴한다는 것이다. 물론 variable이라는 변수를 실행하면~

변수랄까 variable이라는 변수명의 함수?를 실행하면 true가 반환된다.

const variable = () => { } 이렇게 중괄호를 적어주면 암시적 성격을 잃게되어  중괄호 안에 return을 적어줘야 한다.

 

THIS

fucntion함수와 가장 큰 차이점은 this라고 한다.

자바스크립트의 경우 함수 호출 방식에 의해 this에 바인딩 할 어떤 객체가 동적으로 결정된다.

다시 말해 함수를 선언할 때 this에 바인딩 할 객체가 정적으로 결정되는 것이 아니고

함수를 호출할 때 함수가 어떻게 호출 되었는지에 따라 this에 바인딩할 객체가 동적으로 결정된다.

 

어렵다.. this를 잘 모른다.. 일단 arrow함수가 있다는 것만 알고 javascript를 더 공부해서 알아보자.

'JavaScript > Vanilla Js' 카테고리의 다른 글

let & const  (0) 2021.04.22
vanilla js challenge1  (0) 2021.04.21
javascript의 기본 문법을 알아보자  (0) 2021.04.07
브라우저의 동작 원리  (0) 2021.04.07
2. javascript 개발 환경  (0) 2021.04.02