JS：事件处理函数,setTimeout和setInterval内的this指向

最新推荐文章于 2024-03-15 14:52:18 发布

weixin_34367257

最新推荐文章于 2024-03-15 14:52:18 发布

阅读量110

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/3400107/blog/1834835

本文探讨了DOM0级和DOM2级事件处理程序、setTimeout及setInterval中this的指向问题。通过实例展示了不同情况下this的具体指向，如绑定事件的元素、window对象等。

2019独角兽企业重金招聘Python工程师标准>>>

1. dom0级事件处理程序的回调函数内

2. dom2级事件处理程序的回调函数内

3. setTimeout

4. setInterval

var test = {
    testfn: function () {
        console.log(this);
    }
};
var p = document.getElementById('a');

// p.onclick = test.testfn  ;       测试dom0级this , 结果是绑定事件的元素
// p.addEventListener('click',test.testfn) 测试dom2级this , 结果是绑定事件的元素
// setTimeout(test.testfn,300)   测试setTimeout的this , 结果是window对象
// setInterval(test.testfn,1000) 测试setInterval的this ,结果是window对象

转载于:https://my.oschina.net/u/3400107/blog/1834835