settimeout中的函数this指向window

最新推荐文章于 2024-01-31 13:19:09 发布

原创最新推荐文章于 2024-01-31 13:19:09 发布 · 627 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#函数

前端专栏收录该内容

93 篇文章

订阅专栏

本文探讨了JavaScript中this关键字的行为，特别是在使用setTimeout时this的指向问题。通过几个示例展示了传统函数表达式与箭头函数在处理setTimeout回调时this的不同表现，并提供了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var obj = {
    name: 'name',
    foo: function () {
        console.log(this); // Object {name: "name"}
        setTimeout(function () {
            console.log(this);  // Window
        }, 1000);
    },
    foo2: function () {
        console.log(this); // Object {name: "name"}
        setTimeout(() => {
            console.log(this);  // Object {name: "name"}
        }, 2000);
    }
}

先说结论：setTimeout中所执行函数中的this，永远指向window！！注意是要延迟执行的函数中的this哦！！

var obj = {
    name: 'name',
    foo: function () {
        console.log(this); // Object {name: "name"}
        setTimeout(function () {
            console.log(this);  // Window
        }, 1000);
    },
    foo2: function () {
        console.log(this); // Object {name: "name"}
        setTimeout(() => {
            console.log(this);  // Object {name: "name"}
        }, 2000);
    },
    foo3: function(){
        console.log(this);
        setTimeout(function(){console.log(this);}.bind(this), 2000)
    }
}