[javascript] 화살표 함수 , arrow function

화살표 함수는 es6 2015에 등장한 함수사용법으로  function 키워드를 사용하지 않고 함수를 만들 수 있다. 그래서 그자체로는 익명함수가 되며 함수표현식을 이용하여 주로 사용한다. ex ) const arrow = ()=>{};

 

화살표 함수사용

 

()=>{} // 매개변수가 없는경우 
x => {} // 매개변수가 한개인 경우 
(x,y) =>{} //매개변수가 여럿인 경우 

() => console.log("arrow"); //실행문이 한 줄인경우 
() =>{
    return {
        property : 1
    }
}; // 객체반환

()=>({
    property : 1
}); //객체 반환

() =>{
    let myName = "hokeys";
    return console.log(myName);
}

 

 화살표 함수의 렉시컬스코프 

화살표 함수는 렉시컬 this를 지원하는데 자신보다 상위객체를 가리킨다. 

 

function dummy(){
    var name = "hokeys";
    return { 
        say : ()=>{
            console.log(this);
        },
        anotherSay : function(){
            [1,2,3,4,5,6,7,8,9].map((element,)=>{
                console.log(this);
            })
        }
     }
}


let dum = dummy();
dum.say(); //결과는 윈도우 객체

dum.anotherSay(); //결과는 상위 객체인 dummy. 

 

화살표 함수로는 new 키워드를 사용하지 못한다. 

화살표 함수는 constructor 와 프로토타입이 없다. 그래서 new (()=>{}) 형태로 생성 하지 못한다.