箭头函数中的this

49 阅读1分钟
<script>
  // 定义一个对象,对象里面的方法是函数
  var obj = {
    name: "zhangsan",
    // 先来看普通函数
    demo() {
      console.log(this);
    },
  };
  //   此时的this是在obj里面调用的,所有this指的就是obj
  obj.demo(); /* 结果就是obj */

  //   再来看对象里面的箭头函数
  var obj = {
    name: "zhangsan",
    demo: () => {
      console.log(this);
    },
  };
  //箭头函数没有自己的this、arguments,
  // 箭头函数里的this用的是parent作用域的this。
  // 所以这里的this要去他的父级里面去找,
  //   demo()的父级要一直往上找function,这里指向window
</script>