this

this

var a = 10;
window.a // 10
this // window 

function sum(a, b){
    console.log(this); // window 
    return a + b;
}

function Vue(el) {
    console.log(this); // 'Vue{}' 인스턴스를 정의한 객체 자체 (생성자)
    this.el = el
}

new Vue('#app');

  console.log(this); // VueComponent{..}
    fetchNews()
      .then(function(response) {
         console.log(this); //undefined
        // 비동기 호출로 인해서 새로운 this가 생김 
      })
      .catch(error => console.log(error));
 ////////////////////////////////////////////////vs
 console.log(this); //VueComponent{..}
    fetchNews()
      .then(response => {
         console.log(this); //VueComponent{..}
        // es6를 사용하면 호출되는 this를 갖고온다.
      })
      .catch(error => console.log(error));
  }