[노드교과서] 2장. ES2018 (4) 화살표 함수

05 Mar 2020

Reading time ~1 minute

이 포스트는 ZeroCho님의 저서 Node.js 교과서와 인프런 강의를 기반으로 작성한 글입니다.

화살표 함수 사용 전
- 함수표현식
- 함수선언문
화살표 함수 사용 후
- 화살표 함수 기본 형태
- 화살표 함수 축약 형태
this가 동작하는 방식
- function 사용 시 this
- 화살표함수 사용 시 this

화살표 함수 사용 전

함수표현식

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

함수선언문

var add2 = function (x,y){
    return x+y;
}

화살표 함수 사용 후

화살표 함수 기본 형태

const add3 = (x,y) => {
    return x+y;
}

화살표 함수 축약 형태

함수 내부가 return 밖에 없을 경우 아래와 같이 줄여서 사용할 수 있습니다.

const add4 = (x,y) => x+y;

this가 동작하는 방식

function 사용 시 this

var relationship1 = {
    name: 'zero',
    friends: ['nero','hero','xero'],
    logFriends:function(){
        var that = this;
        this.friends.forEach(function(friend){
            console.log(that.name, friend);
        });
    },
};
relationship1.logFriends();
'''
zero nero
zero hero
zero xero
'''

function을 사용할 경우 this가 가리키는 것은 logFriends가

화살표함수 사용 시 this

var relationship2 = {
    name: 'zero',
    friends: ['nero','hero','xero'],
    logFriends(){
        var that = this;
        this.friends.forEach(friend => {
            console.log(that.name, friend);
        });
    },
};
relationship2.logFriends();
'''
zero nero
zero hero
zero xero
'''

노드교과서