화살표 함수에대해

[우효창]

var 자료 = {
    data : [1,2,3,4,5]
    }

    let basic = 0;

    자료.전부더하기 = ()=>{
        this.data.forEach(function(a){
           
                basic = basic +a
           
        })
        console.log(basic)
    }

    자료.전부더하기();

 

 

data배열값들을 모두 더해 출력하려는 목적입니다.

this 대신 자료라고 쓰면 동작이 되는데,

this를 쓰면 에러가 납니다.

​

돌아가서, 화살표함수 대신 function을 쓰면

this.data~~ 가 기능이 되는데

​

화살표를 쓰면

this.자료.data 라고 해야 기능이 되네요.

​

function 에서는 왜 this.data만 해도 자동으로 오브젝트내의 배열을 찾아주는건지,

화살표에서는 왜 this.자료.data 까지 해야 찾아주는건지의 차이를 모르겠습니다. ㅠㅠ

function은 일반함수라 this는 윈도우를 가리킬것이고,

화살표도 곧 윈도우를 가르키는게 아닌가요?

​

[codingapple]

지금 function을 바깥에 그냥 정의한게 아니라 object 안에 끼워넣은거라 그렇습니다

var 자료 = { 전부더하기 : function(){  } } 이거한거랑 똑같은듯요 

그래서 function 쓰면 그 안의 this라는 키워드를 알맞게 재정의해주고 arrow function 쓰면 재정의같은거 안해줍니다 

[우효창]

완벽히 이해 했습니다 .

감사합니다 !

[글쓴이]

글