一、this指向函数的调用者，全局上下文默认this指向window, 严格模式下指向undefined。

1、普通函数 this指向window

function fn(){}
调用：
fn(); fn.call();

2、对象的方法 this指向对象obj

var obj = {
show:function(){}
}
调用：
obj.show();

3、构造函数 this指向fn这个实例对象

function Star(){}
调用：
var fn = new Star();

4、绑定事件函数 this指向函数的调用者，btn按钮对象

var btn = document.querySelector("button");
调用：
btn.onclick = function(){}

5、定时器函数 this指向的是window

6、立即执行函数 this指向的是window

7、箭头函数()=>{}

箭头函数自身是没有this的，会自动绑定外层this

二、可以改变this指向的方法bind()、call()、apply() ，及对比

bind()

第一个参数：this新指向
后面的参数：作为实参传给了新函数
bind()的执行结果：改变this指向新函数,只绑定,需要手动执行

call()

第一个参数：this新指向
后面的参数：作为实参传给了新函数
call()的执行结果：改变this指向新函数，并自动执行

apply()

第一个参数：this新指向
后面的参数：必须是数组，被自动解析之后，每个数据作为实参传给了新函数（覆盖新函数的arguments）
apply()的执行结果：改变this指向新函数，并自动执行

        var obj = {
            name:"admin",
            show:function(a,b){
                console.log("这是:" + this.name);
                console.log(a,b);
            }
        }       
        var obj2 = {
            name:"root"
        }       
        obj.show("hello","world");      
        obj.show.bind(obj2,"hi","js")();      //自行不执行，需要添加小括号执行 
        obj.show.call(obj2,"yes","css");        
        obj.show.apply(obj2,["oh","html"]);   //除一个参数，其他需要是数组

简单小结，若有疑问，欢迎留言~~