기본적으로 this는 그 바로 위의 상위를 가르 키는 말이다.
브라우저에서 콘솔을 열고 this 만 치게되면..
this; // Window {}
this는 윈도우를 가르키게 된다. 즉 this는 가장 최상위 객체인 window 객체를 가르킨다.
만약에 우리가 정의한 객체 안에서 this를 찍는다면?
var obj = {
a: function() { console.log(this); },
};
obj.a(); // obj
우리가 정의한 obj가 콘솔에 출력 되는것을 확인 할 수있다.
즉 쉽게 정의하자면 this는 현재 함수를 실행하고 있는 그 객체를 참조한다.
바인딩은 프론트 엔드 부분에서는 각각의 element(속성)에 기능을 하나하나 넣어주는 과정을 바인딩 이라고 한다.
데이터 바인딩 이라는 뜻도 그런 의미와 같다. API를 통해서 받아온 데이터를 바인딩 즉 하나하나 넣어준다 라는 의미이다.
즉 어떠한 element에서 데이터나 값들을 하나하나 할당해 주는 과정을 바인딩 이라고 부른다.