this和e.target

1.this

解析器在调用函数时每次都会向函数内部传递进一个隐含的参数this。

this指向一个对象，这个对象被称为函数执行的上下文对象。

一般情况下this最终指向调用它的对象：

1. 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）

   console.log(this);//指向window
   function fn() {
        console.log(this);//指向window
   }
   fn();
   setTimeout(function(){
       console.log(this);//指向window
   },1000);
   
   

2. 方法调用中谁调用this指向谁

   var o = {
       hi:function() {
           console.log(this);//this指向的是o这个对象
       }
   }
   o.hi();

3. 构造函数中this指向构造函数的实例

   function Fun() {
       console.log(this);//this指向的是fun实例
   }
   var fun = new Fun();

2.this和e.target的区别

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<script>

var ul = document.querySelector("ul");
ul.addEventListener("click",function(e) {
    console.log(this);//给ul绑定了事件，所以this指向ul
    console.log(e.target);//e.target指向我们点击的对象。点击li,e.target指向的就是li
})

</script>