js中的this问题

问题1

$("#ad").click(function(){
    

    setTimeout(function(){
    
         console.log(this);
         this.style.background = "pink";
        } ,2000);
})

此时达不到把id为ad的元素背景色置为粉色。因为this指向window。
1、函数里面的this都指向window。

更改方法

$("#ad").click(function(){
    
let that = this;

    setTimeout(function(){
    
         console.log(this);
         that.style.background = "pink";
        } ,2000);
})

1）用参数记录外层this的值。

$("#ad").click(function(){
    

setTimeout(()=>{
    
console.log(this);
this.style.background = "pink";

},2000)
})

2）箭头函数的this为静态。

2、以方法的形式调用时，this 是调用方法的对象

3、以构造函数的形式调用时，this 是新创建的那个对象

4、使用 call 和 apply 调用时，this 是指定的那个对象

5、箭头函数：箭头函数的 this 看外层是否有函数 如果有，外层函数的 this 就是内部箭头函数的 this 如果没有，就是 window

6、特殊情况：通常意义上 this 指针指向为最后调用它的对象。这里需要注意的一点就是 如果返回值是一个对象，那么 this 指向的就是那个返回的对象，如果返回值不是一个对象那么 this 还是指向函数的实例