this指向问题

在使用javascript进行编程的时候，我们不可避免地要与this这个关键字打交道。由于this主要起到指代作用，有时候我们会混淆this的具体指向。在大多数的时候this都指向它所在函数的调用者。
在全局作用域中this 指向window对象

console.log(this);
输出：Window {window: Window, self: Window, document: document, name: '', location: Location, …}

在全局函数，this指向window对象

function fun(){
    console.log(this);
}
fun();
输出：Window {window: Window, self: Window, document: document, name: '', location: Location, …}

在全局作用域声明的函数也默认是window的方法，被window调用的，fun() 等价于window.fun(),所以this指向的window对象。
构造函数this指向实例对象

function User(name,age){
    this.name = name;
    this.age = age;
    this.fun = function(){
        console.log(this.name,this.age);
    }
}
var user = new User("js",18);
user.fun();
输出：js 18

箭头函数的this指向
指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象，默认使用父级的this。

var obj = {
    name: "js",
    fun: function(){
        console.log(this);
    },
    fun1:() => {
        console.log(this);
    }
};
obj.fun();
obj.fun1();
输出：{name: 'js', fun: ƒ, fun1: ƒ}
Window {window: Window, self: Window, document: document, name: '', location: Location, …}