this指向问题

最新推荐文章于 2024-11-11 19:29:13 发布

左丘超然

最新推荐文章于 2024-11-11 19:29:13 发布

阅读量123

点赞数

分类专栏：暑假每日笔记打卡文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_61643292/article/details/126069294

版权

暑假每日笔记打卡专栏收录该内容

4 篇文章 0 订阅

订阅专栏

this指向问题

1.全局作用域或者普通函数中this指向全局对象window(注意：定时器中的this也指向window)
2.方法调用中谁调用this指向谁
3.构造函数中this指向其实例对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button></button>
<script>
    //1.全局作用域或者普通函数中this指向全局对象window(注意：定时器中的this也指向window)
    console.log(this)      //window
    function fn() {
        console.log(this)//window
    }
    window.fn()
    window.setTimeout(function () {
        console.log(this)//window
    },1000)
    //2.方法调用中谁调用this指向谁
    var o = {
        sayHi : function () {
            console.log(this)  //this指向的是o这个对象
        }
    }
    o.sayHi() //object{o}
    const btn = document.querySelector('button');
    btn.onclick = function () {
        console.log(this)   //this是指btn这个按钮对象
    }
    btn.addEventListener('click',function () {
        console.log(this)//this是指btn这个按钮对象
    })
    //3.构造函数中this指向其实例对象
    function Fun() {
        console.log(this)
    }
    const fun = new Fun()  //this指向的是fun实例对象
</script>
</body>
</html>