JavaScript中的this指向问题

js中的this指向记住一个原则：一般情况下（箭头函数除外）this是在执行时才能确认，定义时没有办法确认。
下面这段代码会是输出什么呢？

var name = 'zhangsan';
var obj = {
    name: 'lisi',
    getName: function () {
        console.log(this.name)
    }
};
obj.getName();
obj.getName.call({name:'lili'})
var fn1 = obj.getName;
fn();

结果lisi lili zhangsan
由上我们可以看出this是在定义的时候才能确认，当然这是在一般情况下，稍后我们说在箭头函数中的情况。
1. 普通函数中

	function fn(){
		console.log(this)  //window
	}

我们可以理解成在全局作用域中执行的函数，window.fn也是返回的fn函数

2. 在定义的对象中

var obj = {
    name: 'lisi',
    getName: function () {
        console.log(this.name)
    }
};
obj.getName();

这个答案其实上面也已经给出了，此时的this指向被调用的对象obj,因此答案是lisi

3. 在call和apply中
call和apply作用是一样的，只是用法稍微不同，这里用call来举例子,call和apply强制性的改变了this的指向，传入的参数是谁，那么this就指向谁。

var obj = {
    name: 'lisi',
    getName: function () {
        console.log(this.name)
    }
};
var b = {
    name: 'xiaoxia'
};
obj.getName.call(b); 

so，答案是xiaoxia
4.在箭头函数中，this是指向定义时函数外部的对象。

function GetThis() {
    this.name = 'wuha'
    setTimeout(() => {
        console.log(this.name);

    } , 1000)
}
var a = new GetThis(); //wuha

如果是不用箭头函数，setInterval和setTimeout都是属于window对象上的方法，那么this就是指向window了，我们把上面的代码改改，在来举个例子?。

function GetThis() {
    this.name = 'wuha'
    setTimeout(function () {
        console.log(this);

    } , 1000)
}
var a = new GetThis(); //window

so，我们开头说在一般情况下，this是在执行时定义的，在箭头函数中，this是继承来至上下文的。

参考文献：http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html
参考文献：https://blog.youkuaiyun.com/xu4321083/article/details/79753800