dom--关于this指向以及修改this指向

一、this指向

之前有提到过，还是先复习一下把

1.事件中  谁的事件this就是谁（当前）

2.定时器中  this指向window（定时器中的函数不是箭头函数，如果是箭头函数就指向它的父元素）

3.对象中  谁.方法  this 指向谁

4.函数中  this指向window

例如以下代码中f2为函数，所以this指向windows，如果为箭头函数的话指向对象

        var obj={
            name:"ss",
            age:20,
            eat:function(){
                console.log(this);
            }
        };

        var f2=obj.eat;
        //定义的f2为函数 所以this应该指向window
        //根据执行函数来看

二、更改this指向

1.call(this指向,参数1,2)

obj.eat.call(obj1);

2.apply(obj1,[1,2]数组)

obj.eat.apply(obj1);

3.bind(obj1,1,2)();指向但是如果不加（）不会执行，适合定时器用

obj.eat.bind(obj1)();

4.总结：bind更改完this指向以后如果不写（）不会自动执行，适合在定时器用，apply和call会自动执行，apply和call的区别是，一个传入参数为数组一个不是；我们可以通过下边的代码进行分辨

var obj={
    eat:function(a){
        a=a+'正在吃...';
        console.log(this);
        console.log(a);
    },
    play:function(b){
        b=b+'正在玩...';
        console.log(this);
        console.log(b);
    }
}
obj.eat.call(obj,'大虾🦐');
obj.play.apply(obj,['大虾🦐']);