es6에서 this,애로우펑션 예제2 질문 입나다.

[이도아]

var 자료 = {

data : [1,2,3,4,5]

};

자료.전부더하기 = function(){

var 합 = 0;

this.data.forEach(function(a){

합 = 합 + a;

});

console.log(합);

}

자료.전부더하기();

 

여기서 자료.data라고 쓰면  에러가 생기고 this.data를 적으면 괜찮은 이유를 알고 싶습니다.

자료라는 변수는 이미 data라는 오브젝트 요소를 한 개 가지고 끝난게 아닌가요?

자료.전부더하기 함수도 자료라는 변수(오브젝트)의 자식인건가요? 

var 자료 = {

data : [1,2,3,4,5]

전부더하기 : ~~ 

};

이렇게 오브젝트의 안에 있어야만 자료가 전부더하기의 부모가 될 수 있는 게 아닌가요?

this의 부모라는 부분에 대해 제대로 이해가 안가네요 ㅠㅠ 

[이도아]

단순히 바로 위에 위치 했다는 것 만으로 부모가 되는 지 궁금합니다!

[codingapple]

위에 위치했기 보다는 

자료.전부더하기 = function(){} 

이렇게 object 수정문법으로 { 전부더하기 : function(){} } 속성을 자료 object 안에 추가해줬으니 

전부더하기 함수는 이제 자료 object 속에 위치하게 되고 

전부더하기안에서 this를 쓴다면 자료라는 object가 나옵니다. 

 

[이도아]

오브젝트 수정 문법이 무엇인가요? 기초부분도 듣고 es6들어간건데 이해가안가네요ㅠㅠㅠ혹시 바쁘시겠지만, 자세히 설명 해주실 수 있으실까요?this를 이해하는데 중요한 요소일 것같아서요!

[codingapple]

object에 자료추가하거나 수정하고 싶을 때 

var object = { name : 'kim' }

object.name = 'park'

이렇게 안에 있는 자료를 수정하거나 추가가 가능합니다 

[이도아]

헐 감사합니다 ㅠㅠ 오브젝트 안의 내용을 따로 추가 할 수도 있군요.  그래서 this를 넣었을때 부모인 자료가 나온거구요.

감사합니다!!! 이해가 가네용 

[글쓴이]

글