JS中this的指向?

this的指向的对象需要看情况而定

1、函数作为构造函数,用new关键字调用时:this指向新new出的对象

function func(){
            console.log(this);
        }

//⑤ 函数作为构造函数,用new关键字调用时:this指向新new出的对象
        var obj = new func(); //this--->new出的新obj

2、通过函数名()直接调用:this指向window

function func(){
            console.log(this);
        }
        

        //① 通过函数名()直接调用:this指向window
        func(); // this--->window

3、函数作为window内置函数的回调函数调用:this指向window( setInterval setTimeout) 等

function func(){
            console.log(this);
        }
        

//④ 函数作为window内置函数的回调函数调用:this指向window
        setTimeout(func,1000);// this--->window
        //setInterval(func,1000);  

4、函数作为数组的一个元素,通过数组下标调用的:this指向这个数组

function func(){
            console.log(this);
        }
        
//③ 函数作为数组的一个元素,通过数组下标调用的:this指向这个数组
        var arr = [func,1,2,3];
        arr[0]();  // this--->arr

5、通过对象.函数名()调用的:this指向这个对象

function func(){
         console.log(this);
     }

//② 通过对象.函数名()调用的:this指向这个对象
         // 狭义对象
         var obj = {
             name:"obj",
             func1 :func
         };
         obj.func1(); // this--->obj
         
         // 广义对象
         document.getElementById("div").onclick = function(){
             this.style.backgroundColor = "red";
         }; // this--->div
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值