this的指向

this的指向
首先我们明白指向的是谁:对象
全局下的this 指向window
- 函数中的this 谁调用指向谁
- 事件处理函数中 this 谁触发指向谁
- 对象中的this 默认指向当前对象
- 箭头函数中无this 但是如果箭头函数中出现this如何解决
- 构造函数中的this指向构造函数的对象
目标:代码找到那个就指向哪个对象
不同函数里面this的指向不同
事件this
在事件处理函数中的this,谁触发事件this就指向谁
事件 dom事件
作用:实现任何浏览器的交互
实例:

 var obj = {
          name:'xiaobo',
          age:'23'
        };
        function init() {
            document.body.onclick = function() {
                console.log(this)//body
            };
        }

构造函数的this指向
this指向的是构造函数所创建的对象
构造函数的作用:创建对象
是不是构造函数有new决定

 var obj = {
          name:'xiaobo',
          age:'23'
        };
        function init() {
            document.body.onclick = function() {
                console.log(this)//body
            };
        }

箭头函数的this
箭头函数中没有this,如果有this就不是箭头函数
出现this,this就指向谁
箭头函数中this会往父域中走就指向父域

var obj2 = {
    id: 2333,
    test: () => console.log(this)
}
obj2.test();//window
obj2.test.call(obj2);//window
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值